Pipes Figma content directly into HyperFrames compositions through a split REST and MCP architecture. Static assets, brand tokens, and components come through the CLI with a personal access token (frozen locally so renders stay deterministic). Motion timelines and shader fills require the MCP connector since Figma doesn't expose them over REST. The clever part is the storyboard reconstruction: it treats Figma frames as animation states instead of static slides, letting you import a filmstrip and rebuild the motion with GSAP. Batching is baked in to dodge rate limits. If you're building video from design files and want variables bound instead of baked, this is the bridge.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 12
- skills.sh installs
- 407.5K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill figma --agent claude-codeInstalls into .claude/skills of the current project.
Files
Plugin installs: Inside a HyperFrames plugin, follow plugin execution rules.
Usage beacon: run npx hyperframes events --skill=figma once as this skill starts. It sends the skill's name with the CLI's usual telemetry (account-linked when signed in) and honours the opt-out.
Figma → HyperFrames
Every import happens at build time and freezes a local file with its source recorded under .media/, so renders never call Figma and re-running a command re-imports only what changed. Assets, tokens and components go over REST with a token; motion and shader data need a Figma connector, or a native export from the person.
Access
FIGMA_TOKEN in the shell or the project .env. Check it exists before the first command; if not, tell the person how to make one and stop: figma.com → Settings → Security → Personal access tokens, read-only File content and File metadata, plus Library content for tokens on non-Enterprise plans. They set it themselves; never ask them to paste it into the chat.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/heygen-com/hyperframes
- Categories
- Backend & APIs, Marketing & SEO, Design & UI/UX, CLI & Terminal, Office & Documents
- First seen
- Jul 14, 2026
More from heygen-com/hyperframes
All 44- Hyperframes Media141.7K
- Website To Video97.4K
- Gsap92.1K
- Website To Hyperframes89.3K
- Css Animations72.3K
- Tailwind70.6K
- Animejs70K
- Three69.3K
- Lottie69.1K
- Waapi68.7K
- Motion Doctrine62.2K
- Captions Overlay61.8K
- Cut The Curve61.4K
- Seam Craft61.1K
- Oversized Cursor60.7K
- Changelog Video60.6K
- Contribute Catalog55.5K
- Typegpu51K
- Reverse Any Video45.2K
- Style Sampling38.8K
- Graphic Overlays29.1K
- Hyperframes Read First2.4K
- Claude Design Hyperframes2K
- Hyperframes Cli1.5M
Recommended
More Backend & APIs
image-to-videoruncomfy-com/skillsAnimate any still image on RunComfy — this skill is a smart router that matches the user's intent to the right i2v model in the RunComfy catalog. Picks HappyHor403.9Kskills.sh installsvideo-editruncomfy-com/skillsEdit existing video on RunComfy — this skill is a smart router that matches the user's intent to the right edit model in the RunComfy catalog. Picks Wan 2.7 Edi403.9Kskills.sh installsai-video-generationruncomfy-com/skillsGenerate AI videos on RunComfy via the `runcomfy` CLI — a smart router across the full video-model catalog: HappyHorse 1.0 (Arena #1, native in-pass audio), Wan392.8Kskills.sh installs
orchestrationstablyai/orcaUse Orca orchestration for structured multi-agent coordination: threaded messages, blocking ask/reply flows, task dispatch, worker_done/escalation waits, task D357Kskills.sh installs
lark-appslarksuite/cli妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用角327.6Kskills.sh installs
nano-banana-editdoany-ai/skillsEdit images with Google Nano Banana 2 (image-to-image edit endpoint) on RunComfy. Documents Nano Banana Edit's strengths (preserve subject identity, swap backgr274.7Kskills.sh installs