# Import Figma into a video (/figma)

/figma is a Claude Code skill in the Video & Motion section. It is maintained by heygen-com and published under the Apache-2.0 license. Brings Figma designs into a HyperFrames composition: exported assets, brand tokens, components and animation, starting from a link.

- Web version: https://skills.sgomez.dev/en/s/figma
- Section: [Video & Motion](https://skills.sgomez.dev/en/video.md)
- Author: heygen-com
- License: Apache-2.0
- Source: https://github.com/heygen-com/hyperframes/tree/5969c6894ba42f9cc55941503be51af2e96e2b3a/skills/figma
- Updated 28 Sept 2026

## How to ask for it

- `Bring this Figma design into my HyperFrames composition`
- `Import the logo and brand tokens from this Figma file`
- `Turn this Figma storyboard into an animation`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)