figma - Import Figma designs into HyperFrames compositions
Imports Figma assets, tokens, components, storyboard sections, motion, and shaders into HyperFrames using REST, CLI, or MCP.
Tags
Updated: 2026-10-04Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Import static Figma assets
- Import brand tokens
- Convert components to HTML
- Reconstruct storyboard sections
- Import motion through Figma MCP
- Import shaders through MCP
Inputs
- Figma links or file references
- Figma access token
- Figma MCP connector
- HyperFrames composition
Outputs
- Frozen local asset files
- Asset manifest and media index
- Token sidecar and bindings
- Component registry directories
- Composition variable entries
- Reconstructed motion or shader content
Requirements
- HyperFrames CLI
- FIGMA_TOKEN environment variable or project .env entry
- Figma read-only file and metadata scopes
- Library content read scope for non-Enterprise tokens fallback
- Figma MCP connector for motion or shaders