Talk to Figma MCP

About

Talk to Figma MCP bridges AI coding agents and Figma for reading designs and modifying canvas content.

Key Features

• Read Figma documents and update design elements.
• Connect a TypeScript MCP server to the companion Figma plugin through WebSocket.

Use Cases

Connect design context and editable project assets with a coding-agent workflow.

Limitations

This community bridge is distinct from Figma’s first-party hosted MCP server.

Sources

• Project documentation: https://github.com/grab/cursor-talk-to-figma-mcp

MCP Setup

Prerequisites

• Bun; Figma; a local WebSocket server.

Companion app or plugin

Name: Cursor Talk to Figma MCP Plugin Install URL: https://www.figma.com/community/plugin/1485687494525374295/cursor-talk-to-figma-mcp-plugin

• Install and open the Figma plugin.
• Connect the plugin to the running WebSocket server and use join_channel in the agent to join its channel.

Client setup

Cursor

Transport: stdio

{
  "mcpServers": {
    "TalkToFigma": {
      "command": "bunx",
      "args": [
        "cursor-talk-to-figma-mcp@latest"
      ]
    }
  }
}

• Clone the repository and run bun setup.
• Run bun socket and keep the WebSocket server running.

Setup docs: https://github.com/grab/cursor-talk-to-figma-mcp