Community

Figma CodeKit MCP

io.github.Mehmoodqureshi/figma-codekit-mcp

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

Install

Add the config to your client settings. Replace values in <angle brackets> with your own.

claude_desktop_config.json

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

Details

Name: io.github.Mehmoodqureshi/figma-codekit-mcp
Version: 0.2.4
Updated: Oct 15, 2026
Source: Official MCP Registry
Repository: https://github.com/Mehmoodqureshi/figma-codekit-mcp