How to install Figma MCP in Claude Code

1. 1

   Run the install command

   Open a terminal in your project and run:

   claude mcp add figma-mcp -- npx -y figma-mcp

   Copy
2. 2

   Choose where it applies (optional)

   Add --scope user to use it in every project, or --scope project to share it with your team through a .mcp.json file.

   claude mcp add --scope user figma-mcp -- npx -y figma-mcp

   Copy
3. 3

   Check that it is connected

   List your servers, or type /mcp inside a Claude Code session to see its status and tools.

   claude mcp list

   Copy

MCP servers run with your permissions. If Figma MCP needs an API key, add it under env in the config. Check its README.

Similar servers

G

GitDiagram ahmedkhaleel2004

100

Architecture diagrams, explanations and Mermaid source for public GitHub repositories.

AAA Remote 18k

D

draw.io jgraph

100

Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.

AAA Remote 5.7k

A

Agent-Native PlanBuilderIO

94

Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing

AAA Remote 7.4k