Figma Designer MCP Server

by a1245582339io.github.a1245582339/figma-designerv0.3.6

Give AI agents full read & write access to Figma — 50+ tools for design automation

Node.jsstdioofficial registry

context tax

queued

security

queued

cold start

queued

freshness

Stale7mo ago

Install Figma Designer MCP server

claude mcp add figma-designer -e FIGMA_TOKEN='<figma-token>' -- npx -y figma-designer-mcp

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

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

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

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

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

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

{
  "mcpServers": {
    "figma-designer": {
      "command": "npx",
      "args": [
        "-y",
        "figma-designer-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
FIGMA_BRIDGE_PORT	—	—	WebSocket bridge port (default: 3055)

Freshness

Stale — last maintenance signal 7mo ago. The newest of the signals below sets the band.

Last commit (default branch)
no data · GitHub
Latest release
no data · GitHub
Package published
no data · npm/PyPI
Registry entry updated
2026-03-06 · 7mo ago · official registry · v0.3.6

FAQ

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

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

›Does Figma Designer require an API key?

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

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

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

›Is Figma Designer in the official MCP registry?

Yes, as io.github.a1245582339/figma-designer.