Figma CodeKit MCP server
io.github.Mehmoodqureshi/figma-codekit-mcp·v0.2.4·1 starsFigma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.
1 stars
Reviews
Write oneNobody has reviewed Figma CodeKit MCP yet.
If you have run it, two minutes of your experience saves the next person an afternoon.
Figma CodeKit MCP tools (3)
write = sends, deletes, buys or postsRead from the package source without running it. The installed server may list more.
figma_convertFetch a Figma frame and deterministically convert it to self-contained HTML (no LLM).
figma_inspectPrint the IR tree as an indented outline (role, name, box, layout, text, tokens) so you can
figma_verifyRender an HTML file in Chromium, pixel-diff it against the Figma reference, and check each
Public scan report
scanner v0.1.10 · 2026-10-15 · same rubric, same numbers if you re-run it
- Code scan31 source files scanned15/25
- –Live reliabilityno gateway calls yet and no remote to proben/a
- –Tool poisoningtools not inspected (local package is not executed); not countedn/a
- Auth qualitystatic API keys via environment variables6/15
- Maintenancelast push 0 days ago15/15
- Maintainer identityregistry namespace matches repository owner; GitHub account older than a year8/10
Findings (2)
- mediumnpm install lifecycle script present
install.script - mediumnpm install lifecycle script present
install.scriptpackage.json: …eline": "node example/pipeline.js", "postinstall": "node scripts/postinstall.js" }, "d…
How Figma CodeKit MCP compares
Against every graded Media MCP server, from our own scans and uptime checks. Updated after each scan run.
- Safety score
- 68/100
- higher than 32% of 1,337 Media servers
- Tools
- 3
- the typical Media server has 7
- Tools that change things
- 0%
- typical: 4%. Fewer write tools means less an agent can break
- GitHub stars
- 1
- more than 55% of 715 Media servers
What its tools let an agent do: 3 read
Install Figma CodeKit MCP in Claude Code, Cursor or VS Code
Runs npx -y figma-codekit-mcp on your machine. Read the scan report first; the gateway never runs local packages.
claude mcp add figma-codekit-mcp -- npx -y figma-codekit-mcp
Figma CodeKit MCP: common questions
- Is Figma CodeKit MCP server safe?
- With care: it is graded C, so read the findings first (68/100). Read the Figma CodeKit MCP safety report
- How do I install Figma CodeKit MCP?
- It runs on your machine. Copy the Claude Code, Cursor, VS Code or Claude Desktop config from the install section.
- Does Figma CodeKit MCP need an API key?
- Yes. The registry entry asks for
FIGMA_TOKEN. - Is Figma CodeKit MCP maintained?
- The last commit was 20 days ago (2026-10-15). The latest release is v0.2.4.
- What can I use instead of Figma CodeKit MCP?
- Servers from other publishers that do the same job: melta UI MCP server, Polymation MCP server and HTML to Figma — Design System MCP server.
- How does Figma CodeKit MCP compare with other Media MCP servers?
- safety score 68/100 (higher than 32% of 1,337 Media servers); tools 3 (the typical Media server has 7); tools that change things 0% (typical: 4%. Fewer write tools means less an agent can break). Full comparison.
Alternatives to Figma CodeKit MCP
Same job from other publishers: the closest match first, then the best rated.
- melta UIAI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verifynot reviewedEstablishedA
- PolymationAuthor Rive; convert Lottie, After Effects, Animate and Figma into it; animate AI and pixel art.not reviewedGrowingC
- HTML to Figma — Design SystemTranslate HTML prototypes into Figma using your design system's real components and tokens.not reviewedGrowingA
- Figma MCP ServerThe Figma MCP server brings Figma design context directly into your AI workflow.not reviewedEstablishedA
- Figma UIBidirectional Figma MCP — AI draws UI on Figma canvas, reads designs backnot reviewedEstablishedA