MCP Directory
Back

figma-console-mcp

by southleft · TypeScript · ★ 1,899

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

#ai#design-systems#figma#figma-api#figma-plugins#mcp

Install

npx -y github:southleft/figma-console-mcp

Auto-generated from the repo's primary language — check the repo's own README for its exact install instructions.

Claude Desktop config

A starting point for your claude_desktop_config.json (auto-generated — the repo's README may specify a published package name or required env vars):

{
  "mcpServers": {
    "figma-console-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "github:southleft/figma-console-mcp"
      ]
    }
  }
}

From the README

[](https://modelcontextprotocol.io/) [](https://www.npmjs.com/package/figma-console-mcp) [](https://opensource.org/licenses/MIT) [](https://docs.figma-console-mcp.southleft.com) [](https://github.com/sponsors/southleft) > **Your design system as an API.** Model Context Protocol server that bridges design and development—giving AI assistants complete access to Figma for **extraction**, **creation**, **debugging**, and **bidirectional token sync**. > **🆕 Accessibility auditing now matches WCAG, not folklore (v1.32.0):** no longer red-flags line height below 1.5× as an accessibility failure.…
Read full README on GitHub →

Related media servers