SERVER

Figma CodeKit MCP

Rank #20,588

io.github.Mehmoodqureshi/figma-codekit-mcp

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

2 versions

1 GitHub stars

by Mehmoodqureshi (6 servers)View repository ↗

First listed

Sep 1, 2026

Last publish date

Oct 15, 2026

PURPOSE

What you can do with Figma CodeKit MCP

Figma CodeKit MCP is a Model Context Protocol (MCP) server published by Mehmoodqureshi. It ranks #20,588 of 144,396 active servers on MCP Toplist, and its repository has 1 GitHub stars. Figma CodeKit MCP is listed across 2 registries — Official MCP and Glama, with 2 tracked versions. It was first listed on Sep 1, 2026 and most recently updated on Oct 15, 2026.

Not verifiedMCP Toplist has not yet written a checked profile for this server, so the paragraph above is assembled from registry data only. The repository README is the authority on what it does.

CAPABILITIES AND LIMITATIONS

What Figma CodeKit MCP can and cannot do

Not verifiedMCP Toplist has not catalogued this server's tools or limitations. The repository README lists them.

REQUIREMENTS

What you need before using Figma CodeKit MCP

DeclaredNo credentialsNo credentials declared

The registry listing declares no required environment variables or authentication. This is declared metadata, not a verified install — the repository README is the authority.

Declared by Glama, last synced Oct 16, 2026. Not independently verified by MCP Toplist.

Declared in the registry install config

FIGMA_TOKEN · required
FIGMA_MCP_CACHE_DIR · optional

INSTALLATION AND FIRST TASK

Connect Figma CodeKit MCP and confirm it works

npm package

claude mcp add figma-codekit-mcp -e "FIGMA_TOKEN=<your FIGMA_TOKEN>" -e "FIGMA_MCP_CACHE_DIR=<your FIGMA_MCP_CACHE_DIR>" -- npx -y figma-codekit-mcp

Replace each placeholder with your own value before saving.

npm package

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

[mcp_servers.figma-codekit-mcp.env]
FIGMA_TOKEN = "<your FIGMA_TOKEN>"
FIGMA_MCP_CACHE_DIR = "<your FIGMA_MCP_CACHE_DIR>"

Add to ~/.codex/config.toml. Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "figma-codekit-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Add to claude_desktop_config.json (Settings → Developer → Edit Config). Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "figma-codekit-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project). Replace each placeholder with your own value before saving.

npm package

{
  "servers": {
    "figma-codekit-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Save as .vscode/mcp.json in your workspace. Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "figma-codekit-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json. Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "figma-codekit-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>",
        "FIGMA_MCP_CACHE_DIR": "<your FIGMA_MCP_CACHE_DIR>"
      }
    }
  }
}

Replace each placeholder with your own value before saving.

First successful task

After adding the config, ask your client to list this server's tools. A tool list confirms the connection; an empty list or an error means the server did not start or needs credentials.

ALTERNATIVES

When to choose another server

Other servers by Mehmoodqureshi

View all Mehmoodqureshi servers →

No task-specific alternatives are catalogued for Figma CodeKit MCPyet; the list above is its publisher's other servers.

MAINTENANCE AND EVIDENCE

What changed, and when this was checked

First listed: Sep 1, 2026
Latest version published: Oct 15, 2026
Version history: 2 versions tracked (below)
Requirements evidence: Declared by Glama, last synced Oct 16, 2026. Not independently verified by MCP Toplist.
Profile checked: Not yet — purpose, capabilities and requirements above come from registry data only
Ranking data as of: Oct 16, 2026

Registry sightings

Official MCP ↗listed since Oct 16, 2026 · still listed
Glama ↗listed since Oct 16, 2026 · still listed

Do you maintain Figma CodeKit MCP? to correct or enrich this profile.

VERSIONS

Available versions (2)

Version	Published
0.2.4	Oct 15, 2026
0.2.3	Oct 15, 2026

STANDING

#20,588of 144,396 active serversTop 25%

Ranks ahead of 123,808 of 144,396 servers on MCP Toplist.

BADGE

Show your rank

Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.

Markdown

[![MCP Toplist](https://mcptoplist.com/badge/io.github.Mehmoodqureshi%2Ffigma-codekit-mcp.svg)](https://mcptoplist.com/server/io.github.Mehmoodqureshi%2Ffigma-codekit-mcp)

HTML

<a href="https://mcptoplist.com/server/io.github.Mehmoodqureshi%2Ffigma-codekit-mcp"><img src="https://mcptoplist.com/badge/io.github.Mehmoodqureshi%2Ffigma-codekit-mcp.svg" alt="MCP Toplist: Top 25% of 144,396" /></a>

Variants: append ?metric=score or ?metric=stars to the image URL.

FAQ

Frequently asked questions

Who maintains Figma CodeKit MCP?: Figma CodeKit MCP is maintained by Mehmoodqureshi, which publishes 6 MCP servers (43 total versions) tracked on MCP Toplist.
Is Figma CodeKit MCP listed on the Official MCP Registry?: Yes — Figma CodeKit MCP is listed on the Official MCP Registry, alongside Glama.
How many versions does Figma CodeKit MCP have?: MCP Toplist tracks 2 versions of Figma CodeKit MCP, most recently published on Oct 15, 2026.
Where can I find the source code for Figma CodeKit MCP?: The source code for Figma CodeKit MCP is hosted at github.com/Mehmoodqureshi/figma-codekit-mcp.

Used in projects

Do you run this server?

Community projects list the MCP servers behind real agents and apps. Publish yours and this page will link to it.

EXPLORE

All MCP Servers Official MCP Servers GitHub MCP Servers Best MCP Servers Most Active MCP Servers New MCP Servers Best New MCP Servers