Figma Console MCP

What it does

Provides an interactive UI and a massive toolset (94+) that allows AI to read, create, and modify Figma designs, manage design tokens, and audit accessibility in real-time.

Key features

• Programmatic Design: Create frames, components, and layouts via natural language.
• Variable Management: Full CRUD operations on design tokens and multi-mode collections.
• Accessibility Audits: WCAG scanning and design-to-code parity reports.
• FigJam & Slides: Specialized tools for collaborative whiteboarding and presentation management.
• Interactive Apps: Includes a Token Browser and Design System Dashboard.

Installation

• Claude Desktop:

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

• Claude.ai web: Use the Cloud Mode relay URL https://figma-console-mcp.southleft.com/mcp with a Figma PAT as Bearer token.

Supported hosts

Claude Desktop, Claude Code, Cursor, Windsurf, Claude.ai, v0, Replit, Lovable