figma MCP Server

by mehmoodqureshiio.github.Mehmoodqureshi/figma-mcpv0.2.1

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

1Node.jsstdioofficial registry

context tax

queued

security

queued

cold start

queued

freshness

Active13d ago

Install figma MCP server

claude mcp add figma -e FIGMA_TOKEN='<figma-token>' -- npx -y @mehmoodqureshi/figma-mcp

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<figma-token>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<figma-token>"
      }
    }
  }
}

Settings → Developer → Edit Config (claude_desktop_config.json), then restart.

{
  "servers": {
    "figma": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<figma-token>"
      }
    }
  }
}

Add to .vscode/mcp.json in your workspace.

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "@mehmoodqureshi/figma-mcp"
      ],
      "env": {
        "FIGMA_TOKEN": "<figma-token>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json.

Configuration

Variable	Required	Secret	Description
FIGMA_TOKEN	yes	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.
FIGMA_MCP_CACHE_DIR	—	—	Where converted frames are cached. Defaults to .figma-cache/ in the directory the server starts from.

Freshness

Active — last maintenance signal 13d ago. The newest of the signals below sets the band.

Last commit (default branch)
2026-09-26 · 13d ago · GitHub
Latest release
2026-09-26 · 13d ago · GitHub · v0.2.1
Package published
no data · npm/PyPI
Registry entry updated
2026-09-26 · 13d ago · official registry · v0.2.1

FAQ

›How do I install the figma MCP server in Claude Code?

Run: claude mcp add figma -e FIGMA_TOKEN='<figma-token>' -- npx -y @mehmoodqureshi/figma-mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.

›Does figma require an API key?

Yes. It expects FIGMA_TOKEN, of which 1 is a secret.

›Can I use figma as a remote (hosted) MCP server?

No hosted endpoint is published; it runs locally over stdio.

›Is figma in the official MCP registry?

Yes, as io.github.Mehmoodqureshi/figma-mcp.