Figma · Claude Code
Add the Figma MCP server to Claude Code
Give coding agents design context from Figma frames, components and variables.
Official serverRemoteDesign & sites
1. Add the server
Run in your terminal
claude mcp add --transport http figma https://mcp.figma.com/mcp
2. Sign in
Run /mcp inside Claude Code to sign in to remote servers that use OAuth. Figma is hosted by Figma, so there is nothing to install or keep updated.
3. Try it
Ask Claude Code for something Figma can do. Give coding agents design context from Figma frames, components and variables. Approve the first tool call and check the result before allowing write actions automatically.
- · Add --scope project to share a server with your team through .mcp.json in the repo.
- · Use claude mcp list to see what is connected and claude mcp remove <name> to drop one.
FAQ
- How do I add the Figma MCP server to Claude Code?
- Run: claude mcp add --transport http figma https://mcp.figma.com/mcp. Run /mcp inside Claude Code to sign in to remote servers that use OAuth.
- Is this the official Figma MCP server?
- Yes. It is published by Figma as com.figma.mcp/mcp in the official MCP registry.
- Does the Figma MCP server need an API key?
- It is a hosted server. Most hosted servers sign you in with OAuth the first time Claude Code uses them; check Figma's docs for any plan or permission requirements.
Links
Figma in other clients
More design & sites for Claude Code
Work at Figma?
Feature Figma across the directory and its category from $49/month.
Reviewed Oct 5, 2026. Command generated from the registry record and checked against Claude Code's documented syntax.