figma - Import Figma designs into HyperFrames
Imports Figma assets, tokens, components, storyboard frames, motion, and shaders into deterministic HyperFrames compositions.
Tags
Updated: 2026-10-04Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Import rendered Figma assets
- Import brand tokens
- Convert components to HTML
- Reconstruct storyboard motion
- Import connector motion
- Import shader effects
- Freeze assets locally
- Record asset provenance
Inputs
- Figma URL
- Figma file key
- Figma node ID
- User import intent
- Native motion export
- Native shader export
Outputs
- Frozen local assets
- Asset manifest entries
- Media index
- Figma token sidecar
- Component registry item
- Binding index records
- Composition variable entries
- Reconstructed composition
Requirements
- Configured FIGMA_TOKEN
- Figma read-only scopes
- Visible Figma file
- Compatible Figma connector for motion
- Compatible Figma connector for shaders
- HyperFrames CLI