Gives coding agents Figma design context, variables, screenshots, and generated code from frames, and lets them write frames and components back to the canvas via remote or desktop MCP.
Skills
Get Design Context
Returns a structured React and Tailwind representation of a Figma frame or layer that agents adapt to any framework.
Extract Design Variables
Pulls the color, spacing, and typography variables and styles used in a selection so generated code references tokens.
Frame Screenshots
Captures a screenshot of the selected node so agents can compare their implementation against the original design.
Write to Canvas
Creates and edits native Figma frames, components, variables, and auto layout from an MCP client (remote server only).
Related Agents
Figma Context MCP
MCP server exposing Figma designs to AI coding agents — read layout, styles, and component structure for one-shot desig…
Sanity MCP
Lets agents run GROQ queries, patch and publish documents, manage releases, and deploy schemas in Sanity projects over…
Talk to Figma MCP
Lets Cursor, Claude Code, and other MCP agents read Figma designs and create, edit, annotate, and export nodes through…
Unlayer MCP
Lets coding agents build email, landing page, and document templates as code with Unlayer, generate designs from prompt…