Install Figma in Claude Code
claude mcp add planetabhi-figma -e FIGMA_API_KEY=... -- npx -y figma-mcp-server{
"mcpServers": {
"planetabhi-figma": {
"command": "npx",
"args": [
"-y",
"figma-mcp-server"
],
"env": {
"FIGMA_API_KEY": "..."
}
}
}
}Replace each ... with your own value.
Frequently asked questions
What does the Figma MCP server do?
A local MCP server with full Figma REST API coverage.
Is the Figma MCP server free?
The server is free, but you will likely need an account. The server itself is free, but it connects to a service that needs an account or API key, which may have paid tiers. Check the provider for current pricing.
Does Figma run locally or remotely?
Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.
How do I add Figma to Claude Code?
Run: claude mcp add planetabhi-figma -e FIGMA_API_KEY=... -- npx -y figma-mcp-server
More developer tools MCP servers
View allStorybook
storybookjs/storybook/mcp
Helps agents write and test Storybook stories for UI components.
Front-End Checklist
thedaviddias/Front-End-Checklist
Review frontend code and live pages against 386 quality-gated web development rules.
Codebase Memory
DeusData/codebase-memory-mcp
Indexes a repo into a persistent local knowledge graph of functions, classes, call chains, HTTP routes and cross-service links, using tree-sitter and LSP.
Posthog
PostHog/posthog/mcp
Interact with PostHog analytics, feature flags, error tracking and more.
Figma Context
GLips/Figma-Context-MCP
Gives coding agents direct access to Figma data to implement designs in one shot.
Claude Task Master
eyaltoledano/claude-task-master
Task management for AI-driven development: PRD parsing, task expansion, multi-provider support and selective tool loading to save context.