Figma CodeKit MCP

io.github.Mehmoodqureshi/figma-codekit-mcp

Figma to pixel-verified code: HTML/React/Tailwind + tokens, then a render + pixel-diff verify loop.

View repository →

Connect this server

Add this to your MCP client config — claude_desktop_config.json (Claude Desktop) or .cursor/mcp.json (Cursor).Suits: Claude Desktop · Cursor.

{
  "mcpServers": {
    "figma-codekit-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-codekit-mcp@0.3.0"
      ],
      "env": {
        "FIGMA_TOKEN": "<your FIGMA_TOKEN>"
      }
    }
  }
}
Environment variables
  • FIGMA_TOKENrequiredsecretFigma 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.

A starting point — check the repository for exact arguments and setup. Restart your client after editing the config.

Category
Developer Tools
Version
0.3.0
Registry
active
Published
11/5/2026

More Developer Tools servers

Browse all Developer Tools →

figma-mcp

Mehmoodqureshi

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

Developer ToolsAdded 1 month ago

MCP Browser Extension

Mehmoodqureshi

Drive your real Chrome over MCP: real logins and cookies, multi-tab automation, deny-all by default.

Developer ToolsAdded 5 days ago

io.github.mehtaphysical13/pdf-tables-mcp

mehtaphysical13

Reliable PDF table extraction. Pass a URL, get structured JSON tables with citations.

Developer ToolsAdded 5 months ago

Rowsmith test data

meiorz

Fake test data (CSV, JSON, SQL) from a schema. Reserved-range identifiers; reproducible by seed.

Developer ToolsAdded 3 weeks ago

LLMemory

meir-may

Search your AI chat history (ChatGPT, Claude, Codex) from any MCP client. Remote, private, read-only

Developer ToolsAdded 4 months ago

API Key Case

melavern

Local MCP tools for secret status and guarded deployment. Values never reach the agent.

Developer ToolsAdded 1 month ago

Add the badge to your site

Show visitors that Figma CodeKit MCP is listed here — it’s also the link we check for a free listing.

Figma CodeKit MCP — listed on Serverdex

HTML — for your website

<a href="https://serverdex.io/server/io-github-mehmoodqureshi-figma-codekit-mcp?utm_source=badge"><img src="https://serverdex.io/brand/badge.svg" alt="Figma CodeKit MCP — listed on Serverdex" width="123" height="40" loading="lazy"></a>

Recommended. A dofollow link from your own domain is the one that counts for search engines, and it's the link we check for a free listing.

Markdown — for your README

[![Figma CodeKit MCP — listed on Serverdex](https://serverdex.io/brand/badge.svg)](https://serverdex.io/server/io-github-mehmoodqureshi-figma-codekit-mcp?utm_source=badge)

Nice for visibility, but GitHub marks README links nofollow, so it doesn't pass authority. Use the HTML badge on your site as well.