Sign in
Explore
Skills · SkillWeb & UIImages & VideoUI/UXMotion graphicsDesign systemsReviewedRuns shell commands

figma

Brings Figma assets, brand tokens, components and storyboard frames into a HyperFrames video as reconstructed motion.

Kind
Skill
Works with
Claude Code, Gemini / Antigravity, Any agent
Source
HyperFrames (HeyGen) @ 7c5c1ce849a6
Path
skills/figma/SKILL.md
Jobs
Implementation, UI/UX work
Topics
UI/UX, Motion graphics, Design systems

Credit

Made by
heygen-com
Original
github.com/heygen-com/hyperframes/blob/7c5c1ce849a6b479f957b6…
License
Apache-2.0

Listed by Skill Manifest; not made by us.

InstallInstall it with npx.
npx skills add heygen-com/hyperframes
Install factsScanned 2 Nov 2026
Adds
  • .claude/skills/figma/ (the skill folder)
  • 1 file(s) the skill refers to
Runs scripts
Yes
  • Marked in the catalog record
Uses the network
None found
Needs secrets
Yes
  • FIGMA_TOKEN
  • BAD_TOKEN
Reads environment variables
  • FIGMA_TOKEN
  • BAD_TOKEN
Source revision
7c5c1ce849a6
Licence
Apache-2.0
Last activity
2 Nov 2026
Review
Reviewed

Found by a static scan of the stored text; nothing is run. “None found” is not a guarantee, so read what you install before you run it.

  • Only the main file is read; other files in the folder are not scanned
**Plugin installs:** Before setup or freshness commands, follow [plugin execution rules](../hyperframes/references/plugin-installation.md) when this skill is inside a HyperFrames plugin.

# 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.

| Error | Meaning |
| --- | --- |
| `BAD_TOKEN` (401) | Expired or revoked: make a new one |
| `FORBIDDEN` (403) | The message names the missing scope, or the file isn't visible to the account |
…