figma-console-mcp

Level ALocal

Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.

Overview

Figma Console MCP is a design-system-focused MCP server that connects AI assistants to Figma in both directions (Figma ⇄ code). It extracts variables, components, and styles, supports bidirectional token sync, creates components and layouts in Figma, manages design variables, and offers screenshot-based visual debugging, version history diffs, accessibility scanning, design-code parity checks, and design-system health audits.

⭐ 2.6kOffice & ProductivityTypeScriptRepo ↗Updated 2026-10-29

Installation

MCP client config (paste into mcp.json)

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

Agent install prompt

Copy and paste into Cursor / Claude / other agents to install this MCP for you

Please read this MCP repository and install it into my current environment:
https://github.com/southleft/figma-console-mcp

Known working client config (can write into mcp.json):
{
  "mcpServers": {
    "southleft-figma-console-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-console-mcp@latest"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "figd_YOUR_TOKEN",
        "ENABLE_MCP_APPS": "true"
      }
    }
  }
}

Please: 1) check README for deps and env vars; 2) write config for my client; 3) if secrets are missing, tell me what to fill — do not invent values.

Related servers