# Talk to Figma MCP

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

Canonical URL: https://a2a-mcp.org/entry/talk-to-figma-mcp

Language: en

Category: MCP Servers

Updated: 2026-09-14

## 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`

```json
{
  "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

## Tags

- MCP
- figma
- design

## Alternatives

- Proofly MCP
- OpenDesign MCP Integration

## Sources

- [Project website](https://github.com/grab/cursor-talk-to-figma-mcp)
- [Project documentation](https://github.com/grab/cursor-talk-to-figma-mcp)

Last checked: 2026-09-14