/figma-design-extract
Extract exact design values from a Figma node into a build-ready spec table, instead of eyeballing a screenshot. Use when the user shares a figma.com node URL, or says "implement this Figma design", "build this component from Figma", "extract the Figma values", or "match the
shell
$ npx -y skills add jeltehomminga/figma-design-skills --skill figma-design-extract --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/figma-design-extract
Context preview
The summary Claude sees to decide when to auto-load this skill.
Extract exact design values from a Figma node into a build-ready spec table, instead of eyeballing a screenshot. Use when the user shares a figma.com node URL, or says "implement this Figma design", "build this component from Figma", "extract the Figma values", or "match the
Ships withfigma-design-skills
Two composable, tool-agnostic skills for design-to-code fidelity — get the real design out of Figma, then prove the running app actually matches it.
Get the whole plugin, auto-invoked
Stats
3
Stars
0
Views
0
Forks
Active
Maintenance
JavaScript
Language
MIT
License
26d ago
Last commit
1mo ago
Created
Repo: jeltehomminga/figma-design-skills