figma-console-mcp

by southleft · TypeScript · ★ 1,610

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

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "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**, and **debugging**. > **🆕 Comprehensive Accessibility Scanning (v1.22.0):** Full-spectrum WCAG coverage across design and code — 13 design-side lint rules, component accessibility scorecards with…

Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related developer tools servers

everything-claude-code

affaan-m

★ 170,676

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Developer Tools · JavaScript