Talk-to-Figma-Cursor

Cursor Talk to Figma MCP enables Cursor AI to interact with Figma designs by reading document data, selecting elements, and creating or modifying design elements through a WebSocket-backed MCP server. The MCP server runs via npx from the npm package cursor-talk-to-figma-mcp, and exposes a set of commands that you can invoke from Cursor to perform actions such as retrieving document info, inspecting the current selection, and creating shapes or text. Use the example mcp_TalkToFigma-mcp_join_channel command in Cursor to connect to the running MCP channel, then issue specific mcp_TalkToFigma-mcp_ commands with the required parameters to manipulate your Figma design in real time.

Prerequisites:

• Node.js (includes npm and npx) installed on your system. Verify with: node -v and npx -v
• Access to a terminal or command prompt

Installation steps:

1. Install and run the WebSocket server file (node_socket_server.mjs) locally:

# Download node_socket_server.mjs to your working directory
# Start the server with Node.js
node node_socket_server.mjs

2. Configure Cursor to use the MCP server via npx:

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

3. (Optional Windows compatibility) If you need to run via cmd, you can use:

{
  "mcpServers": {
    "TalkToFigma-mcp": {
      "command": "cmd",
      "args": [
        "bash",
        "-c",
        "cmd /c npx -y cursor-talk-to-figma-mcp@latest"
      ]
    }
  }
}

4. Install and connect the Figma plugin as described in the repository's instructions, then join the MCP channel from Cursor using the appropriate join command. Ensure the Figma plugin has localhost usage enabled on port 3055 and note the channel name displayed in the plugin.

Tips and notes:

• Ensure port 3055 is available for the WebSocket server and that firewall rules allow local WebSocket connections.
• If you see issues like "Must join a channel", first join the channel from the Figma plugin before sending commands from Cursor.
• The MCP commands cover reading document and selection info, creating and editing design elements, text handling, color and style adjustments, and more. For a complete list, refer to the full documentation linked in the repository.
• Using npx ensures compatibility across environments without Bunx; you can also use Windows cmd as shown for compatibility. Always use the latest package version for new commands and fixes.