figma-mcp MCP Server

io.github.Mehmoodqureshi/figma-mcp

Repository Registry

What is the figma-mcp MCP server?

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

How to install figma-mcp

Copy-paste configuration for popular MCP clients.

transport: stdio

Config generated by PluginBench — verify against the source before use.

Environment / auth

FIGMA_TOKEN
required
secret
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.

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

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

Related MCP servers

chrome-mcp

Active

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

TypeScript

MIT

View repository →

Ambassly

Manage affiliate programs, commissions, payouts and referral links with scoped Ambassly API keys.

TimeToPost

Active

Official TimeToPost MCP server for social post drafting, scheduling, publishing and approval queues.

TypeScript

MIT

View repository →

io.github.MelanieABC/misim-tax-research

Israeli tax research: source-grounded answers with official citations, in Hebrew.

io.github.Melgencer/alpacacloud-mcp

Connect AI agents to Alpaca Cloud: Postgres, Auth, Storage, Sandboxes, and Workflows.

View repository →

MeltFlex AI

Active

AI interior design — restyle rooms, place furniture, and virtually stage spaces from a photo.

JavaScript

MIT

View repository →