# Import Figma designs into HyperFrames

Moving Figma designs into video compositions can require repeated exports and manual reconstruction. This skill imports approved Figma content into local HyperFrames assets, components, tokens, and motion workflows.

## Install

```bash
npx skillstore add heygen-com/figma
```

## Metadata

- Status: approved
- Slug: heygen-com-figma
- Skillstore revision: r2
- Version status: missing
- Tree hash: 21691a40f4d5fb6ce954521f35e5c5183b0c72c855f0fb9ecf9cc0ce7bac5433
- Author: heygen-com
- GitHub username: heygen-com
- License: MIT
- Repository: https://github.com/heygen-com/hyperframes/tree/main/skills/figma/
- Ref: 77d0e66fbadeb1f5d1e6a5aada7861240b8ed2d7
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: confirmation\_required
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, filesystem, scripts
- Quality score: 38
- Quality tier: warning
- Public page: https://skillstore.pages.dev/skills/heygen-com-figma
- Manifest: https://skillstore.pages.dev/api/skills/heygen-com-figma/manifest

## Capabilities

- Imports selected Figma nodes as local SVG, PNG, JPG, or PDF assets through the HyperFrames CLI.
- Imports available Figma variables or published styles as composition token records.
- Converts selected Figma component trees into editable HTML-based HyperFrames components.
- Guides MCP-based extraction and validation of Figma motion data.
- Builds storyboard animations by comparing related Figma scene states.
- Keeps imported assets local so later renders do not require Figma access.

## Use Cases

- Create a branded video scene: Import a logo, approved colors, and a Figma frame into a reusable local composition.
- Build editable product demos: Convert a Figma UI frame into an editable component and animate the interface states.
- Reconstruct a storyboard: Turn a Figma section of related scene frames into an ordered animation plan.

## Prompt Templates

### Import one asset

```
Import this Figma logo as an SVG asset. Tell me where the local file is saved.
```

### Import brand tokens

```
Import tokens from this Figma file and explain which values were imported or unavailable.
```

### Build an editable scene

```
Convert this Figma frame into an editable HyperFrames component. Use imported tokens when available.
```

### Validate motion translation

```
Use the Figma motion workflow for this frame. Save the source response, generate the timeline, and validate it against an approved Figma video export.
```

## Limitations

- Requires a user-provided Figma token with read-only permissions for REST imports.
- Motion and shader workflows require the separate Figma MCP connector or native exports.
- Some Figma variables require Enterprise access; the workflow can fall back to published styles.
- Complex masks, shaders, and unsupported motion properties may need a frozen media export.

## Best Practices

- Use a read-only Figma token and limit it to the files required for the import.
- Import tokens before components when you want reusable brand-variable bindings.
- Review imported artifacts and validate motion against an approved Figma export before publishing.

## Anti Patterns

- Do not store a Figma token in version-controlled files.
- Do not treat storyboard frames as a sequence of static slides when they describe element states.
- Do not use MCP rendering for shader content when Figma documents that shaders are flattened.

## Security Audit

- Audited at: 2026-07-19T10:42:39.789\+00:00
- Summary: Most static alerts are false positives caused by Markdown backticks or a local ffmpeg verification helper that uses fixed executables with argument arrays. Two material issues remain: the skill requests a silent, unpinned npx self-update, and it recommends persistent storage of a Figma access token without sufficient safeguards. No prompt-injection text or intentional data-exfiltration behavior was found.

## Stats

- Views: 0
- Downloads: 7
- Favorites: 0
- Popularity score: 0