Name: Figma Console MCP
Availability: InStock
Author: southleft

What it does

Figma Console MCP renders two interactive UI experiences inside MCP clients: a Token Browser for exploring design tokens with color swatches, alias resolution, and per-collection mode columns (Light, Dark, Custom), and a Design System Dashboard that audits your design system across six categories (Naming, Tokens, Components, Accessibility, Consistency, Coverage) with a Lighthouse-style scorecard. Beyond the UI apps, it exposes 94+ tools that let AI assistants read and write Figma files — extracting variables, creating components, managing design tokens, building FigJam boards, editing Figma Slides, and running WCAG accessibility scans.

Key features

Interactive Token Browser — Browse all design tokens organized by collection with expandable sections, filter by type, per-collection mode columns, color swatches, and click-to-copy values.
Design System Dashboard — Lighthouse-style health scorecard auditing naming, tokens, components, accessibility, consistency, and coverage with expandable findings and severity indicators.
94+ MCP Tools — Full read/write access to Figma: extract variables, create components, manage design tokens, build FigJam boards with stickies/flowcharts/tables, and manage Figma Slides presentations.
Cloud Write Relay — Web AI clients (Claude.ai, v0, Replit) can create and modify Figma designs via cloud pairing — no Node.js required.
WCAG Accessibility Scanning — 14 design-side lint rules, component scorecards with color-blind simulation, axe-core code scanning (104 rules), and design-to-code parity checking.

Installation

Claude Desktop: Add to claude_desktop_config.json:

{
  "mcpServers": {
    "figma-console": {
      "command": "npx",
      "args": ["-y", "figma-console-mcp@latest"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "figd_YOUR_TOKEN_HERE",
        "ENABLE_MCP_APPS": "true"
      }
    }
  }
}

Claude Code (CLI):

claude mcp add figma-console -s user -e FIGMA_ACCESS_TOKEN=figd_YOUR_TOKEN_HERE -e ENABLE_MCP_APPS=true -- npx -y figma-console-mcp@latest

Cursor / Windsurf: Add to mcp.json or mcp_config.json:

{
  "mcpServers": {
    "figma-console": {
      "command": "npx",
      "args": ["-y", "figma-console-mcp@latest"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "figd_YOUR_TOKEN_HERE",
        "ENABLE_MCP_APPS": "true"
      }
    }
  }
}

Claude.ai (Cloud Mode): Add connector URL https://figma-console-mcp.southleft.com/mcp with your Figma PAT as Bearer token.

Remote SSE (Read-Only): Add connector URL https://figma-console-mcp.southleft.com/sse in Claude Desktop Settings → Connectors.