Figma Console MCP just gave AI 63 tools to control Figma

Designers have watched developers get AI superpowers for months. Now it's their turn. Figma Console MCP is a new plugin that connects AI assistants like Claude Code and Cursor directly to Figma — giving them 63+ tools to create components, extract design tokens (reusable style values like colors and spacing), and debug plugins, all through plain English commands.

The tool has already hit 1,200 GitHub stars with 335+ commits, and works with Claude Code, Claude Desktop, Cursor, and Windsurf out of the box. It even has a cloud mode for web-based AI tools like Claude.ai — no coding setup needed.

What you can actually do with it

Instead of clicking through Figma menus, you tell your AI assistant what you want in plain English. Here are real examples:

The plugin handles four core workflows:

Four ways to connect — pick what fits you

The tool offers different setup options depending on your technical comfort level:

Mode	Setup time	Tools	Best for
NPX	~10 min	63+	Full power users
Cloud	~5 min	43	Non-coders using Claude.ai
Remote SSE	~2 min	22	Quick preview (read-only)

Set it up in Claude Code

If you use Claude Code, the setup is one command. First, generate a Figma personal access token, then run:

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

Then restart Claude Code and test with: "Check Figma status" followed by "Create a simple frame with a blue background."

For Cursor or Windsurf, add this to your MCP config file:

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

Designers who should try this first

If you manage a design system: Extract all your tokens, components, and styles into structured data that developers can use directly — without manually documenting anything.

If you prototype quickly: Describe a UI layout in plain English and watch it appear in Figma. You can iterate faster by talking to AI than clicking through menus.

If you build Figma plugins: The debugging tools capture console logs and errors in real time — a feature Figma itself doesn't make easy.

The tool uses MCP (Model Context Protocol) — the same connection standard used by Claude Code, Cursor, and dozens of other AI tools. It works on Figma's Free, Pro, and Enterprise plans, and all features including design token management work regardless of your Figma plan tier.

Full docs and setup guides are at docs.figma-console-mcp.southleft.com, and the source is on GitHub under MIT license.

Related Content — Get Started with Easy Claude Code | Free Learning Guides | More AI News