Figma Designer

Official

by a1245582339

Give AI agents full read & write access to Figma — 50+ tools for design automation

Provides AI agents with read and write access to Figma for design automation.

Install

Configuration

Environment variables

FIGMA_TOKENrequiredsecret

Figma Personal Access Token

FIGMA_BRIDGE_PORT

WebSocket bridge port (default: 3055)

Add to VS Code Add to Cursor

claude_desktop_config.json

json

{
  "mcpServers": {
    "figma-designer": {
      "command": "npx",
      "args": [
        "-y",
        "figma-designer-mcp@0.3.6"
      ],
      "env": {
        "FIGMA_TOKEN": "<YOUR_FIGMA_TOKEN>",
        "FIGMA_BRIDGE_PORT": "<YOUR_FIGMA_BRIDGE_PORT>"
      }
    }
  }
}