LocalFree server, account needed

Figma CodeKit MCP server

Mehmoodqureshi/figma-codekit-mcp

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

1 GitHub stars175 npm downloads / month

Install Figma CodeKit in Claude Code

Claude Code
claude mcp add figma-codekit -e FIGMA_TOKEN=... -- npx -y figma-codekit-mcp
mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)
{
  "mcpServers": {
    "figma-codekit": {
      "command": "npx",
      "args": [
        "-y",
        "figma-codekit-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "..."
      }
    }
  }
}

Replace each ... with your own value.

Frequently asked questions

What does the Figma CodeKit MCP server do?

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

Is the Figma CodeKit MCP server free?

The server is free, but you will likely need an account. The server itself is free, but it connects to a service that needs an account or API key, which may have paid tiers. Check the provider for current pricing.

Does Figma CodeKit run locally or remotely?

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

How do I add Figma CodeKit to Claude Code?

Run: claude mcp add figma-codekit -e FIGMA_TOKEN=... -- npx -y figma-codekit-mcp

More developer tools MCP servers

View all