Verified conversions across 205 color spaces: CSS strings, gamut checks, .cube LUTs
Nothing to run from here
Figma CodeKit is installed from its publisher's own source and answers where it runs, so this marketplace is not in the path of a single call. There is no address here to send one to, and a panel that pretended otherwise would be showing you an answer we made up. Install it and call it from your own client — the Installation tab has the entry for each one.
96/100
trust score
3
tools declared
local
runs on your machine
—
downloads a day
What it does
Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.
Quickstart
# 1 — add it to Claude Code
claude mcp add --scope user --env 'FIGMA_TOKEN=${FIGMA_TOKEN}' --transport stdio figma-codekit-mcp '--' npx -y figma-codekit-mcp
# 2 — ask your agent for something these tools do
# figma_convert, figma_verify, figma_inspect
It needs FIGMA_TOKEN: this reads it from your environment, so export it first.
Figma CodeKit costs nothing on mcprush: there is no plan to choose here, no cap to set and nothing mcprush can bill you for.
Publishernot claimed
MEAll 4 servers
Mehmoodqureshi4 servers
2 categories
Collected from a public index. Nobody has claimed this account, so nothing here was written by its author — claim it if it is yours.
Installation
Where are you running it?
Every route below installs the same thing and ends at the same approval screen. This one runs on your machine: your client starts Figma CodeKit as a process under your own user, with your files and your network, so the tool surface below is what it can do to your computer rather than to a server somewhere else. Its scan result is on the Security tab — read the surface before you approve it.
Claude Codedeclared by this listing
This is a public server: you run it yourself and this marketplace is not in the path. You need Node.js — the current LTS (24) is the safe choice; npx comes with it. Claude Code registers it in one command; --scope user makes it available in every project. Claude Code reads FIGMA_TOKEN (Figma personal access token (Settings -> Security -> Personal access tokens, scope "File content: read"). May instead be placed in a .figma-token file in the pr) from your environment each time it starts the server, so the value stays out of its config: export it in your shell profile (macOS, Linux), or run setx FIGMA_TOKEN … and open a new terminal (Windows). The '--' is in quotes so that PowerShell passes it on.
claude mcp add --scope user --env 'FIGMA_TOKEN=${FIGMA_TOKEN}' --transport stdio figma-codekit-mcp '--' npx -y figma-codekit-mcpReconnect, or start a new session, and the tools appear in the model’s tool list.
Free on mcprush, and it runs from its publisher’s own package: this marketplace is not in the path, so there is no key of ours to hold and no card to add.
What it asks of you
It reaches a system of yours, so it needs your own credential rather than the publisher’s: FIGMA_TOKEN — Figma personal access token (Settings -> Security -> Personal access tokens, scope "File content: read"). May instead be placed in a .figma-token file in the pr. You set it in your own client’s config, on your machine — this marketplace never holds it.
What it writes
One config entry your client uses to start the process locally. A local server runs with your file system and your network, which is why it is priced without metering.
What you approve
3 tools, with what each one reads, writes and reaches shown before you agree — the same list on every route above. Read the tool surface.
Tool surface
What the model actually sees. Descriptions are diffed on every release — see version history.
Fetch a Figma frame and deterministically convert it to self-contained HTML (no LLM).
| Parameter | Type | Required | Notes |
|---|---|---|---|
| url | string | yes | Figma frame URL, e.g. https://www.figma.com/design/KEY/Name?node-id=1-2 |
| outDir | string | no | Where to write output. Defaults to .figma-cache/<fileKey>-<nodeId>/ |
| responsive | boolean | no | Emit the responsive variant (Figma FILL→flex/100%, HUG→fit-content, FIXED→px kept) instead of the exact-sizing variant. A frame with NO Auto Layout has no sizing intent to relax, so it keeps its exact |
| react | boolean | no | Also emit generated.jsx (React with inline styles) alongside the HTML, plus components/<Name>.jsx for every Code Connect binding it imports. |
| next | boolean | no | Also emit next/ — a runnable Next.js App Router project (package.json, next.config.mjs, app/layout.jsx, app/page.jsx, app/globals.css and the component) that you can npm install && npm run dev as it s |
| refresh | boolean | no | Ignore the cache and re-fetch from the Figma API. |
Render an HTML file in Chromium, pixel-diff it against the Figma reference, and check each
| Parameter | Type | Required | Notes |
|---|---|---|---|
| dir | string | yes | Cache dir from figma_convert. Supplies reference.png and ir.json. |
| htmlPath | string | no | HTML file to verify. Defaults to <dir>/generated.html. |
| threshold | number | no | Diff ratio considered "exact enough". Anti-aliasing puts a floor near 0.005-0.015. |
| width | number | no | Viewport width. Defaults to the design frame width from the IR. |
| height | number | no | Viewport height. Defaults to the design frame height from the IR. |
| fullPage | boolean | no | Capture full scroll height rather than just the viewport. |
| includeImages | boolean | no | Attach reference/render/diff PNGs to the response. Costs a lot of context — prefer reading diff.png from disk only when the numbers alone are not enough. |
Print the IR tree as an indented outline (role, name, box, layout, text, tokens) so you can
| Parameter | Type | Required | Notes |
|---|---|---|---|
| dir | string | yes | Cache dir from figma_convert. |
| depth | number | no | Max tree depth to print. |
| filter | string | no | Only show nodes whose name or text matches this (case-insensitive substring). |
Free
$0 forever
- Every tool, no call limit
- No card, and mcprush charges nothing for it
- Source published under MIT
- Runs on your machine — nothing of it reaches our gateway
- Nothing to cap, because mcprush bills nothing
What counts against your monthly calls
| Tool | Unit | Calls used | Out of the allowance |
|---|
Nothing here is billable: mcprush charges nothing to install Figma CodeKit or to call it, at any volume.
Call allowance · this installenforced at the gateway
Monthly allowance, in calls
—
—
Alert at 80% · then the tool returns a normal MCP error
Used this month: —
ATrust score 96 / 100
Release 0.2.4 · scanned 16 Oct 2026
Two independent axes, because powerful and malicious are different questions. The grade is threat only. The capability level is blast radius, and it is never a penalty on the grade — it is priced as one subtract-only term in the score, where you can see it.
Threat score99
Client score96
Findings3 threat · 1 capability
Capabilitymoderate
Coveragesource
Verificationsource
Surface digest7659645579d0abd985023396c9382c736af34cd696e242d9602d43ddf8f6cc6c
Score vectorthreat 99 → client 96
| Term | Level | What it prices | Points |
|---|---|---|---|
| capability-exposure | moderate | capability blast radius (moderate) — client exposure if the model is manipulated | −3 |
| verification-discount | source | publisher verification (provenance) — cryptographic build provenance ties the artifact to its source | −0 |
| coverage-honesty | source | inspection depth (source) — how much of the target the scan could see | −0 |
score = clamp(round(threatScore − E_cap − E_ver − E_cov), 0, 100). No model, no opinion, no network call at scoring time: the same methodology version against the same bytes always produces this number, and every line above is a field of the report rather than a summary of it.
What the scan could actually read
A grade is only as meaningful as its coverage, so the scanner publishes its own depth before it publishes its result.
Tool surfaceread
Implementation sourceread
Package metadataread
Live transportnot available
Tools were statically extracted from the published source (3 recovered), not enumerated from a running server. Tool-poisoning, Unicode-smuggling, capability and toxic-flow analysis ran on this inferred surface, but a mis-parsed registration could be missed or mis-attributed, so tool-derived findings are capped below “confirmed”. To grade the real runtime surface, scan the running server: --command "npx -y <package>".
Capability — what it could do if the model were manipulated
Tags derived from each tool’s schema and the implementation, not from what the tool calls itself. moderate is the level these add up to.
| Tool | Capability tags | Why the tag was assigned |
|---|---|---|
| figma_convert | untrusted-input | untrusted-input: keyword "fetch", parameter "url" with "fetch" in the description |
| figma_verify | no tags | |
| figma_inspect | no tags |
Toxic-flow graph
The lethal trifecta, checked as a graph rather than as a checklist: untrusted input, a sensitive source and an external sink have to meet before there is a path worth worrying about.
The public result for this release does not print the flow graph, so there is nothing to show here. That is not the same as "no paths were found": what the scan did read is above, under coverage.
Supply chain and provenance
Integrityfirst-seen
Surface digest7659645579d0abd9
Scanned2026-10-16
This is the first scan of this surface here, so there is nothing yet to compare it against.
Every result on this tab comes from one deterministic pass over the published package — offline, rule by rule, and auditable line by line above. Same methodology version, same bytes, same score.
Release history
Always latest — the install command names no version, so it installs the newest release when it runs; the current release on file is 0.2.4. Pin a release below and the command asks for exactly that one.
0.2.4
undated
latestNo release note was published with this version.
—
no reviews yet
Who can review
One review per account, from a signed-in account that does not publish this listing. Nothing else is asked — you can say what you think before you install it. Publishers can reply once per review, and a review can be edited or deleted by whoever wrote it.
Sign in to write one
Any signed-in account that does not publish Figma CodeKit can review it, once — before installing it or after. A review from an account that has installed it is marked as one.
No reviews yet
Nobody has reviewed this listing. The rating on the card is the mean of the reviews written here and nothing else, so there is no rating until somebody writes the first — which takes a signed-in account that does not publish it, and nothing else.