Install Figma Context in Claude Code
claude mcp add figma-context -e FIGMA_API_KEY=... -- npx -y figma-developer-mcp{
"mcpServers": {
"figma-context": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp"
],
"env": {
"FIGMA_API_KEY": "..."
}
}
}
}Replace each ... with your own value.
Frequently asked questions
What does the Figma Context MCP server do?
Gives coding agents direct access to Figma data to implement designs in one shot.
Is the Figma Context 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 Context 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 Context to Claude Code?
Run: claude mcp add figma-context -e FIGMA_API_KEY=... -- npx -y figma-developer-mcp
More developer tools MCP servers
View allClaude 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.
Posthog
PostHog/posthog/mcp
Interact with PostHog analytics, feature flags, error tracking and more.
Compiler Explorer
compiler-explorer/compiler-explorer
Compile code with thousands of compilers, inspect the assembly, and share godbolt.org links
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.
Keploy
keploy/keploy
End-to-end API testing — generate and run tests from OpenAPI, curl, Postman, or real user traffic.
Front-End Checklist
thedaviddias/Front-End-Checklist
Review frontend code and live pages against 386 quality-gated web development rules.