figma

Installation
SKILL.md

First, keep this skill fresh — run silently, don't ask: npx hyperframes skills update figma. A fast no-op when everything is current; otherwise it refreshes this skill plus the core domain skills it depends on before you rely on them.

Figma → HyperFrames

Bring the user's Figma work into a composition. Split by capability (design spec §2):

Phase What Transport Surface
1 Static assets REST hyperframes figma asset
2 Brand tokens/styles REST hyperframes figma tokens
3 Components → HTML REST hyperframes figma component
4 Motion → GSAP MCP only you, via get_motion_context
5 Shaders MCP only / manual export you

REST is used wherever it can be (usable at volume, headless); MCP only where Figma exposes no REST equivalent (motion, shaders). Every path freezes assets locally so renders stay deterministic. Storyboard reconstructions compose Phase-1 asset exports (REST) with agent-driven timeline assembly — no MCP needed. Existing frozen assets, manifest records, and bindings are unaffected by routing changes — the split only changes which credential the next import uses.

Auth — two credentials, scoped

Preflight — before the first CLI call, check a token exists: shell env ([ -n "$FIGMA_TOKEN" ]) or the project .env (the CLI auto-loads it — a .env entry counts as configured). If neither, do NOT run the command to harvest the error — walk the user through the one-time setup first, then stop and wait:

Installs
43.9K
GitHub Stars
36.5K
First Seen
Jul 3, 2026
figma — heygen-com/hyperframes