- Stars
- 6.2k
- Forks
- 400
- Updated
- Jun 24, 2026
stars
6.2k
forks
400
last update
Jun 24, 2026
license
MITv1.3.0
- Install
// Drops SKILL.md into ~/.claude/skills/
$ claude skills add figma-dev-mode-mcp-design-to-code - Invoke
// Run from any project directory
$ claude --skill figma-dev-mode-mcp-design-to-code "give my landing page a hero treatment" - Iterate
// Re-run with edits — Claude keeps the skill loaded
$ claude --skill figma-dev-mode-mcp-design-to-code "now refactor it"
- references/
- SKILL.mdopen
- README.mdopen
- name:
- Figma Dev Mode MCP
- slug:
- figma-dev-mode-mcp-design-to-code
- version:
- v1.3.0
- license:
- MIT
- author:
- @figma-craft
- repository:
- github.com/figma-craft/figma-dev-mode-mcp-design-to-code
- categories:
- tags:
- #figma#mcp#design-to-code#code-connect#design-tokens
- description:
Figma Dev Mode MCP and Code Connect — pull design context, variables, and component maps to generate design-system code.
// What you can do with it
- Automates the tedious parts of the workflow.
- Gives Claude the right context, tools, and guardrails.
- Produces consistent, reviewable output every time.
README.md
Loading README…
authored by
@figma-craftFigma Component System Builder
Figma component variants, auto-layout, tokens, and the publish-to-library workflow — design at scale.
2.2kFigma Auto Layout Pro
Master Figma Auto Layout — responsive frames, hug/fill, nested layouts, spacing, the parts that confuse everyone.
4.1kFigma Variables & Tokens
Set up Figma Variables — modes for light/dark, semantic tokens, scoping, and code-export to CSS/Tailwind.
3.7kFigma Prototype Builder
Build interactive Figma prototypes — smart animate, overlays, conditional flows, variables-driven state.
2.8k
$ cat reviews/