Figma CodeKit MCP Server

by mehmoodqureshi Your server? Claim it

local only

Figma CodeKit MCP runs on your own machine — the client starts it, so there is no endpoint to ping. Last commit 15 Oct 2026.

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

—

Installs / week

npm · figma-codekit-mcp

Stars

0 open issues

15 Oct 2026

Last commit

from GitHub

MIT

License

JavaScript

Nothing serious here today

Today is the operative word: we check Figma CodeKit MCP every 15 minutes and re-read its code on every release. Watch it and you find out the day that stops being true.

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

Claude Code Claude Desktop Codex Cursor VS Code

run in your terminal

claude mcp add figma-codekit-mcp -- npx -y figma-codekit-mcp

~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "figma-codekit-mcp": {
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "command": "npx"
    }
  }
}

~/.codex/config.toml

[mcp_servers.figma-codekit-mcp]
command = "npx"
args = ["-y", "figma-codekit-mcp"]

.cursor/mcp.json

{
  "mcpServers": {
    "figma-codekit-mcp": {
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "command": "npx"
    }
  }
}

.vscode/mcp.json

{
  "mcpServers": {
    "figma-codekit-mcp": {
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "command": "npx"
    }
  }
}

This one needs environment variables set before it will start: 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 project directory. FIGMA_API_KEY is accepted as an alias.), FIGMA_MCP_CACHE_DIR (Where converted frames are cached. Defaults to .figma-cache/ in the directory the server starts from.). The author declared them in the registry entry; get the values from the project itself.

Alternatives to Figma CodeKit MCP

same job, measured the same way

figma-mcp

by mehmoodqureshi

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

local only

Figma React

by manansingh2001

An MCP server that converts Figma designs into React code.

45 installs/wk local only

figmcp

by irshadio

Local Figma MCP server: Figma frames to Flutter and React code, and design in Figma. No API limits.

937 installs/wk local only

Osnova

by getdomovoi

Deterministic code map for AI coding agents: a tree-sitter call graph with exact file:line over MCP.

59 installs/wk local only

Plumb MCP

by tathagat22

Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

61 installs/wk local only

Lens MCP

by segentic-lab

Deterministic navigation maps over code + markdown + Prisma for AI agents: 13 MCP tools

local only

FetchSandbox

by fetchsandbox

A deterministic verification engine for agents. Proves a fix: fails on the old code, passes on new.

3 190 installs/wk 8 tools answering

Hex Graph

by levnikolaevich

Deterministic layered code graph MCP server with framework overlays and SCIP interop.

68 installs/wk local only

Figma CodeKit MCP — questions

Answers built from our own checks of this server.

Why is there no uptime for Figma CodeKit MCP?

Figma CodeKit MCP runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package figma-codekit-mcp.

How do I connect Figma CodeKit MCP?

Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It runs locally, so the command pulls figma-codekit-mcp straight from npm; nothing to host, nothing to sign up for.

Is Figma CodeKit MCP open source?

Yes — it is published under the MIT licence, written in JavaScript and 1 stars on GitHub. The source link is on this page, so you can read exactly what it does with your data before you connect it.