mcps / figma
✓ MCPExplorer Verified
Figma MCP server
Design context for your agent.
01What it is
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.
02Highlights
Design → code
Pull the exact frame, layout, and tokens for a selection to generate faithful UI code.
Local & live
Runs from the Figma desktop app against whatever you have open.
03Add it to your agent
Remote MCP server (Streamable HTTP).
claude mcp add --transport sse figma http://127.0.0.1:3845/sse
{ "mcpServers": { "figma": { "type": "streamable-http", "url": "http://127.0.0.1:3845/sse" } } }
Get started
Set up Figma and put it to work — Dev Mode needs a paid seat (from $12/mo). Or see its full verified profile.