What it does
Figma's official MCP server gives an LLM coding agent structured access to a Figma selection: generated code, design variables and styles, layout metadata, screenshots, and Code Connect component mappings — and can write back to the canvas. Data extraction is deterministic; codegen quality depends on the connected client's LLM.
Example prompts
- Generate React + Tailwind code for the selected Figma frame.
- List the design tokens used in this component and their values.
