
Figma
Collaborative design and prototyping
Design handoff via Dev Mode, design tokens and variables, and MCP design context for agents. Pull component specs through the Figma MCP server so the agent builds from real tokens instead of guessing from a screenshot.
Best for
- Design handoff via Dev Mode
- Design tokens + variables
- MCP design context for agents
- Prototyping
How builders use it
- →Pull component specs and variables through the Figma MCP server so the agent builds from real tokens, not guesses.
- →Use Dev Mode to inspect exact spacing and colors instead of eyeballing a screenshot.
- →Hand the file to whoever is building the screen instead of describing the layout over chat.
Related tools
Copy-paste skills
Prompt chains you can drop into Figma. Browse the library — we don't split skills by tool yet.
Browse skills →