LocalFree server, account needed

figma MCP server

Mehmoodqureshi/figma-mcp

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

Install figma in Claude Code

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

Replace each ... with your own value.

Frequently asked questions

What does the figma MCP server do?

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

Is the figma 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 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 to Claude Code?

Run: claude mcp add mehmoodqureshi-figma -e FIGMA_TOKEN=... -- npx -y @mehmoodqureshi/figma-mcp

More developer tools MCP servers

View all