Overview
Figma's official Dev Mode MCP. Passes components, variables, and constraints to the Agent so it can produce React/Vue/Tailwind that matches the design.
Features
- Read components, variants, variables
- Export design tokens
- Preserve constraints and auto-layout
- Layer-level context
- Aligns with your local codebase
Exposed tools
Once connected, the Agent can call these tools directly in conversation
get_fileget_componentsget_variablesget_stylesexport_assetsget_comments