How do I install Figma CodeKit MCP?

Pick a client above and copy the generated config. Cursor and VS Code also have a deep link when the server can run locally or remotely.

Is Figma CodeKit MCP official?

No. Registry-listed is not the same as vendor-official. Read the methodology for the difference.

How is the trust score calculated?

This listing scores 55 (Fair). The formula is published on the methodology page.

MCPpedia

Figma CodeKit MCP MCP Server

Name: Figma CodeKit MCP MCP Server
Author: mehmoodqureshi

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

Tools Versions Alternatives

Registrymehmoodqureshi

55Fair

Install

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

{
  "mcpServers": {
    "mehmoodqureshi-figma-codekit-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-codekit-mcp@0.2.3"
      ],
      "env": {
        "FIGMA_TOKEN": "YOUR_FIGMA_TOKEN",
        "FIGMA_MCP_CACHE_DIR": ""
      }
    }
  }
}

Install guide

Related servers

mcp

74Good

Run any model on the live WaveSpeed catalog: image, video, audio, 3D.

Registrywavespeedai34 stars241/wk

comfyui-mcp

63Good

MCP server + Claude Code plugin for ComfyUI: run workflows, generate images, manage models & VRAM.

Figma CodeKit MCP MCP Server | MCPpedia

Environment

Name	Required	Notes
FIGMA_TOKEN	Yes	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. Secret.
FIGMA_MCP_CACHE_DIR	No	Where converted frames are cached. Defaults to .figma-cache/ in the directory the server starts from.

Figma CodeKit MCP MCP Server

Install

Related servers

mcp

comfyui-mcp

Environment

Tools

About

FAQ

Reviews

Next AI Draw.io

kordoc

Luw.ai

groupdocs-redaction-mcp