Install Figma CodeKit in Claude Code
claude mcp add figma-codekit -e FIGMA_TOKEN=... -- npx -y figma-codekit-mcp{
"mcpServers": {
"figma-codekit": {
"command": "npx",
"args": [
"-y",
"figma-codekit-mcp"
],
"env": {
"FIGMA_TOKEN": "..."
}
}
}
}Replace each ... with your own value.
Frequently asked questions
What does the Figma CodeKit MCP server do?
Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.
Is the Figma CodeKit 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 CodeKit 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 CodeKit to Claude Code?
Run: claude mcp add figma-codekit -e FIGMA_TOKEN=... -- npx -y figma-codekit-mcp
More developer tools MCP servers
View allFrance Travail
jojolabagarre/france-travail-mcp
Serveur MCP des API officielles France Travail : offres d'emploi, ROME 4.0 et ROMEO.
CodeCartographer
HuginnIndustries/CodeCartographer
Turn an unfamiliar codebase into validated architecture, contracts, and a reimplementation spec.
Halowerk
halowerk/halowerk-mcp
134 paid APIs as MCP tools, billed per call in USDC on Base. No account, no login.
DevPlan
mmorris35/devplan-mcp-server
Generate step-by-step development plans (PROJECT_BRIEF.md, DEVELOPMENT_PLAN.md, CLAUDE.md) using the ClaudeCode-DevPlanBuilder methodology.
HS Code Classifier
OjasKord/hs-code-classifier-mcp-server
Classify products to official HS codes and validate supplier codes before customs submissions
Squiggles
carldaws/squiggles
Run any number of LSP servers from one YAML config for diagnostics, go-to-definition and rename, plus server-specific features like Rust macro expansion.