MCP.Market

Figma CodeKit MCP server

by Mehmoodqureshi·io.github.Mehmoodqureshi/figma-codekit-mcp·v0.2.4·1 stars

Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

C68/100grade C
What users say
No reviews yet
Be the first
Safety scan
C68/100

full report

Adoption
New

1 stars

Reviews

Write one

Nobody 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 posts

Read from the package source without running it. The installed server may list more.

  • figma_convert

    Fetch a Figma frame and deterministically convert it to self-contained HTML (no LLM).

  • figma_inspect

    Print the IR tree as an indented outline (role, name, box, layout, text, tokens) so you can

  • figma_verify

    Render 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

2 medium
  • 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 presentinstall.script
  • mediumnpm install lifecycle script presentinstall.script
    package.json: …eline": "node example/pipeline.js", "postinstall": "node scripts/postinstall.js" }, "d…
Overall 68/100. Components that don't apply are left out of the denominator. Any critical finding is an F.RubricAppeal a findingJSON

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
Add to Cursor

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 UI
    AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify
    A
  • Polymation
    Author Rive; convert Lottie, After Effects, Animate and Figma into it; animate AI and pixel art.
    C
  • HTML to Figma — Design System
    Translate HTML prototypes into Figma using your design system's real components and tokens.
    A
  • Figma MCP Server
    The Figma MCP server brings Figma design context directly into your AI workflow.
    A
  • Figma UI
    Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
    A