Southleft's figma-console-mcp exposes a MCP server that connects AI agents to Figma for extraction, creation, debugging, and token sync. It supports NPX, Cloud Mode, Local Git, and Remote SSE access with varying tool sets and write capabilities.
Collecting history — the radar snapshots this repo daily. The trend line appears after 3 days of data (1 so far).
What it is
Figma Console MCP Server from southleft is a Model Context Protocol server that bridges design and development, giving AI assistants access to Figma for extraction, creation, debugging, and bidirectional token sync.
How it works
The project provides multiple deployment modes to connect AI clients to Figma:
- NPX Setup (recommended): runs figma-console-mcp@latest via NPX and requires a local Node.js environment.
- Cloud Mode: web AI clients pair with a cloud MCP server that relays commands to the Desktop Bridge plugin in Figma via WebSocket.
- Local Git: full source access with the same 114 tools as NPX.
- Remote SSE: read-only exploration exposing 9 tools over a read-only interface.
The Cloud Mode flow is described as: AI Client → Cloud MCP Server → Durable Object Relay → Desktop Bridge Plugin → Figma.
Getting started
The README provides several setup paths:
- NPX Setup (Recommended): prerequisites include Node.js 18+, Figma Desktop, and an MCP client. Steps include obtaining a Figma token and configuring the MCP client with commands like the provided claude mcp add command.
- For Contributors: Local Git Mode with cloning the repo, npm install, and npm run build:local, followed by configuring MCP client to point to dist/local.js.
- Remote SSE: instructions for Claude Desktop, Claude Code, and other clients to connect via the sse endpoint.
- Cloud Mode: Add MCP Connector endpoint https://figma-console-mcp.southleft.com/mcp and pair the Desktop Bridge plugin as described.
Key commands exactly as written in README include:
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
git clone https://github.com/southleft/figma-console-mcp.git
cd figma-console-mcp
npm install
npm run build:local
{ "mcpServers": { "figma-console": { "command": "node", "args": ["/absolute/path/to/figma-console-mcp/dist/local.js"], "env": { "FIGMA_ACCESS_TOKEN": "figd_YOUR_TOKEN_HERE", "ENABLE_MCP_APPS": "true" } } } }
Check Figma status
Create a simple frame with a blue background
Recent releases
Latest releases include:
- v1.39.1: Plugin Update Banner Fix (2026-08-02) — Server-only. No plugin re-import needed. Fixes banner for older server vs newer plugin.
- v1.39.0: Concurrent Multi-File Execution (2026-08-02) — Multi-file work across connected files concurrently.
- v1.38.2: Connection Stability — Reaper fixed to avoid terminating healthy servers (2026-07-29).
- v1.38.1: Shared-Library Variable Tools Fixed (2026-07-29).
- v1.38.0: Ongoing component changelogs in generated docs (2026-07-25).
Traction
Stars: 2111 forks: 231 open_issues: 50
Behind the repo
Not included in provided facts.
Caveats
License: MIT. Created 2025-10-05. Last push 2026-08-04. Language: TypeScript. This MCP server exposes multiple deployment modes with different capabilities: NPX and Local Git provide full 114 tools, Cloud Mode provides 101 tools with write access, and Remote SSE is read-only with 9 tools. The README notes authentication methods vary by mode (PAT manual for NPX/Local Git, OAuth automatic for Cloud Mode). Stable plugin path: ~/figma-console-mcp/plugin/manifest.json; re-import sometimes required per release notes.