Record · figma-consolMCP serverOpen sourceVerified Sep 23, 2026

Figma Console MCP

Treat your design system as an API: extract, create and debug in Figma, with two-way token sync.

Sources and review

Checked against public documentation on September 23, 2026. Suitability guidance is our editorial judgment; this is not a performance benchmark or an endorsement.

Best for

Design-system teams keeping Figma and code in step with an assistant's help.

Avoid if

You need full capabilities from a web-based AI client; the remote and cloud modes are more limited than local mode.

About Figma Console MCP

Figma Console MCP gives AI assistants access to Figma for extraction, creation, debugging and bidirectional design-token sync. Its local mode can also scan application codebases to inventory components, infer variants and mine de-facto styling into DTCG tokens. It runs through npx with a Figma access token, from a local build, or in read-only remote and cloud modes with different capabilities.

Figma Console MCP is an open-source project written primarily in TypeScript, with 2.4k stars on GitHub. It was last updated in September 2026.

Add Figma Console MCP to your MCP client

Generated from the launch command in the project's README. Your client starts the server on demand. Replace <your-token> with your own value first.

Claude CodeRun in your terminal

claude mcp add figma-console-mcp -e 'FIGMA_ACCESS_TOKEN=<your-token>' -- npx -y figma-console-mcp@latest

Cursor~/.cursor/mcp.json or .cursor/mcp.json

{
  "mcpServers": {
    "figma-console-mcp": {
      "command": "npx",
      "args": ["-y", "figma-console-mcp@latest"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<your-token>"
      }
    }
  }
}

VS Code.vscode/mcp.json

{
  "servers": {
    "figma-console-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "figma-console-mcp@latest"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<your-token>"
      }
    }
  }
}

Claude Desktopclaude_desktop_config.json

{
  "mcpServers": {
    "figma-console-mcp": {
      "command": "npx",
      "args": ["-y", "figma-console-mcp@latest"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<your-token>"
      }
    }
  }
}

Codex~/.codex/config.toml

[mcp_servers.figma-console-mcp]
command = "npx"
args = ["-y", "figma-console-mcp@latest"]
env = { FIGMA_ACCESS_TOKEN = "<your-token>" }

Check the project's README for required accounts, keys and permissions before connecting. Setup guide for each client →

For agent buildersMake your product part of the discovery.Explore advertising

Figma Console MCP vs. the alternatives

All 163 alternatives →

Record	Stars	Language	License	Pricing
Figma Console MCPMCP serverthis listing	2.4k	TypeScript	MIT	Open source
MCP Reference ServersMCP server	91k	TypeScript	MIT AND Apache-2.0	Open source
context7MCP server	62k	TypeScript	MIT	Open source
chrome-devtools-mcpMCP server	53k	TypeScript	Apache-2.0	Open source
Playwright MCPMCP server	37k	TypeScript	Apache-2.0	Open source
github-mcp-serverMCP server	33k	Go	MIT	Open source

See all 163 Figma Console MCP alternatives, compared →