Figma MCP Server
VerifiedOfficialby Figma
Official listing: built and published by Figma. More from Figma
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.
- Access
- MCP
- Auth
- OAuth 2.0
- Skills
- 4
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
by Framelink (GLips)
MCP server exposing Figma designs to AI coding agents — read layout, styles, and component structure for one-shot…
Talk to Figma MCP
by Grab
Lets Cursor, Claude Code, and other MCP agents read Figma designs and create, edit, annotate, and export nodes through…
Open Design
by Nexu
Turns a local coding agent into a design engine that produces prototypes, decks, dashboards, and images, with a desktop…
TerraVision
by Patrick Chugh
Generates official-style AWS, Azure, and Google Cloud architecture diagrams from plain-language descriptions or…