Figma MCP server
Design context for your agent.
Figma's Dev Mode MCP server (runs from the Figma desktop app) gives your agent access to your designs — frames, components, variables, and specs — so it can turn a selection into accurate code.
Who it’s for: Frontend engineers and designers who want their agent to build from the real design, not a screenshot.
Remote MCP server (Streamable HTTP).
What is Figma MCP?
Figma's Dev Mode MCP server (runs from the Figma desktop app) gives your agent access to your designs — frames, components, variables, and specs — so it can turn a selection into accurate code.
Who is Figma for?
Frontend engineers and designers who want their agent to build from the real design, not a screenshot.
How do I connect Figma to my agent?
Figma is a remote MCP server at http://127.0.0.1:3845/sse. Add it in Claude, Cursor, or any MCP client — for example: claude mcp add --transport sse figma http://127.0.0.1:3845/sse.
How much does Figma cost?
Dev Mode needs a paid seat (from $12/mo). Starter (free) does not include Dev Mode — the MCP needs a Professional Dev seat or higher. See the full pricing breakdown on the Figma pricing page.
Is Figma verified on MCPExplorer?
Yes — Figma is hand-checked and featured on MCPExplorer. We pull its real tool surface, required scopes, and risk labels from the live index so you can see exactly what it does before connecting.
Other MCP servers worth a look.
Figma is featured on MCPExplorer. Add this badge to Figma’s site or README — it links back to this page.
HTML — for your website
Markdown — for a README
Set up Figma and put it to work — Dev Mode needs a paid seat (from $12/mo). Or see its full verified profile.