Figma MCP
Figma's official connector: Claude reads your Figma files and generates diagrams
Runs as a server Claude Code connects to. It needs its own configuration, and some servers need an API key.
Install just this one
Add to Claude
Opens Claude in a new tab. Click Connect, then sign in to Figma.
Add to ChatGPT
Opens ChatGPT in a new tab. Click Install plugin, then sign in to Figma.
Run in your terminal — needs Node
npx archtmpl@latest --mcp figma-mcpFirst time? The whole install, step by step
- Open Claude Code — the terminal version or the desktop app, either one.
- In a terminal, paste the line above and press Enter. In the app, paste it into the chat and ask Claude to run it.
- Restart Claude Code. That's the whole install.
What this mcp server does
shell
1{ 2 "name": "Figma MCP", 3 "summary": "Figma's official connector: Claude reads your Figma files and generates diagrams", 4 "repo": "https://claude.com/marketplace/connectors/figma", 5 "mcpServers": { 6 "figma": { 7 "transport": "http", 8 "url": "https://mcp.figma.com/mcp" 9 }10 },11 "postInstallNotes": "Hosted by Figma, so there is nothing to install.\nIn Claude, open claude.ai/directory/c758d038-d8eb-4421-b426-9dd68dc7f84a and sign in to Figma."12}13