mcp-figma

MCP server that bridges AI clients (Claude, Cursor, GPT) to Figma Desktop via Plugin API + WebSocket. Zero rate limits, free, real-time design manipulation.

Figma's REST API is rate-limited (6 calls/month on free tier) and existing MCP servers all wrap that same API. mcp-figma takes a different approach — it uses the Figma Plugin API running inside your desktop app, which has no rate limits and is completely free.

[](https://excalidraw.com/#json=MLHFuzV0Suz99I7rG5aJC,hm3dBFHuubaOMJVYyOVfjA)

> Open interactive architecture diagram on Excalidraw

Three components run simultaneously:

| Component | What it does | How to start | |-----------|-------------|--------------| | WebSocket Server | Relay with token auth + channel routing | npm run ws | | Figma Plugin | Executes commands inside Figma Desktop | Import in Figma | | MCP Server | Exposes 25 design tools to AI via stdio | Configure in AI client |

• Node.js 18+ (download)
• Figma Desktop (download)

git clone https://github.com/tranhoangtu-it/mcp-figma.git
cd mcp-figma
npm install
npm run build

npm run ws

Output:

[ws] WebSocket server listening on 127.0.0.1:3055
[ws] Session token: abc123...   ← Copy this token!

1. Open Figma Desktop
2. Go to Plugins → Development → Import plugin from manifest...
3. Navigate to mcp-figma/src/figma-plugin/ and select manifest.json
4. Run the plugin: Plugins → Development → MCP Figma Bridge
5. Paste the session token from Step 2 →