How to install Figma MCP Server in Claude Code
To install Figma MCP Server in Claude Code, run "claude mcp add figma-mcp-server -- npx -y @oabolade-pegasus/figma-mcp-server" in your terminal, then check it with "claude mcp list". It takes about a minute.
Built from the published package · server updated 7 months ago
- 1
Run the install command
Open a terminal in your project and run:
claude mcp add figma-mcp-server -- npx -y @oabolade-pegasus/figma-mcp-server - 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-server -- npx -y @oabolade-pegasus/figma-mcp-server - 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
MCP servers run with your permissions. If Figma MCP Server needs an API key, add it under env in the config. Check its README.
Install Figma MCP Server in another app
Similar servers
Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing
Questions
Does Figma MCP Server work in Claude Code?
Yes. Claude Code supports mcp servers (local and remote), skills and plugins, and Figma MCP Server installs with the steps above.
Figma MCP Server does not show up in Claude Code. What now?
Restart Claude Code fully, check the JSON is valid, and make sure Node.js (for npx) is installed. See common MCP errors and fixes.
Is Figma MCP Server safe?
It scores 29 of 100. Review the code before you install it, and only give it the access it needs. Grades and details.
