Figma Buddy MCP

MCP server that lets AI agents (Cursor, Claude Code) read and modify Figma designs programmatically.

AI Agent <-(stdio)-> MCP Server <-(WebSocket)-> WebSocket Relay <-(WebSocket)-> Figma Plugin

Setup

Prerequisites

• Bun runtime
• Figma desktop app

1. Add MCP server

Cursor — add to .cursor/mcp.json (project) or ~/.cursor/mcp.json (global):

{
  "mcpServers": {
    "FigmaBuddy": {
      "command": "bunx",
      "args": ["@biolab/figma-buddy@latest"]
    }
  }
}

Claude Code — add to .mcp.json in your project root, or via CLI:

claude mcp add FigmaBuddy -- bunx @biolab/figma-buddy@latest

To register globally (user-level, available across all projects):

claude mcp add --scope user FigmaBuddy -- bunx @biolab/figma-buddy@latest

2. Start the WebSocket relay

bunx @biolab/figma-buddy --relay

Runs on port 8100 by default (configurable via PORT env).

3. Install the Figma plugin

Download the plugin zip, unzip it, then in Figma: Plugins → Development → Link existing plugin → select manifest.json

https://cdn.jsdelivr.net/npm/@biolab/figma-buddy@latest/figma-plugin/figma-plugin.zip

4. Connect

1. Open the plugin in Figma and join a channel
2. In your AI agent, call join_channel with the same channel name
3. Start using the MCP tools