TalkToFigma

You create a Cursor MCP Server that lets Cursor communicate with Figma to read designs and modify them programmatically. This enables you to automate design tasks, query document and node information, read and set text, adjust styles, and manage elements directly from Cursor via a WebSocket-based MCP bridge and a Figma plugin.

How to use

To use the Figma MCP server with Cursor, start the required servers and then install and run the Cursor MCP Plugin for Figma. You will join a channel in the plugin and issue MCP tool commands to read information, create or modify elements, and automate design changes.

How to install

Prerequisites: You need Bun installed on your system since the MCP server and related tools are run through Bun commands.

1. Install Bun if you haven't already.

2. Run setup to configure MCP in your Cursor active project. This will install the MCP components in your environment.

bun setup

3. Start the WebSocket server that enables communication between the MCP server and the Figma plugin.

bun socket

4. Start the MCP server for Cursor Talk to Figma.

bunx cursor-talk-to-figma-mcp

5. Install and connect the Figma plugin.

Windows + WSL guide (optional): follow the Windows-specific steps if you are using Windows with WSL.

Configuration and additional notes

MCP server configuration for Cursor integration is provided as a ready-to-use entry. You can add the server to your Cursor MCP configuration file so Cursor can discover and start using it.

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

WebSocket server is started with the following command.

bun socket

MCP server for Cursor Talk to Figma is started with this command.

bunx cursor-talk-to-figma-mcp

Figma plugin installation steps.

1. In Figma, go to Plugins > Development > New Plugin
2. Choose "Link existing plugin"
3. Select the `src/cursor_mcp_plugin/manifest.json` file
4. The plugin should now be available in your Figma development plugins

Available tools

get_document_info

Retrieve overview information about the current Figma document such as ID, name, and page structure.

get_selection

Obtain details about the current user selection within the active document.

read_my_design

Fetch detailed information about the current selection without requiring parameters.

get_node_info

Get in-depth details for a specific node by its ID.

get_nodes_info

Fetch detailed information for multiple nodes provided as an array of IDs.

get_annotations

Retrieve annotations present in the current document or on a specific node.

set_annotation

Create or update an annotation with markdown content.

set_multiple_annotations

Batch create or update multiple annotations efficiently.

scan_nodes_by_types

Scan the document to find nodes of specified types (useful for locating targets for annotations).

create_rectangle

Create a new rectangle with position, size, and optional name.

create_frame

Create a new frame with position, size, and optional name.

create_text

Create a new text node with customizable font properties.

scan_text_nodes

Scan text nodes with intelligent chunking to handle large designs.

set_text_content

Set the text content of a single text node.

set_multiple_text_contents

Batch update multiple text nodes efficiently.

set_fill_color

Set the fill color of a node using RGBA.

set_stroke_color

Set the stroke color and width of a node.

set_corner_radius

Set the corner radius of a node with optional per-corner control.

move_node

Move a node to a new position.

resize_node

Resize a node with new dimensions.

delete_node

Delete a node.

delete_multiple_nodes

Delete multiple nodes in one operation.

clone_node

Create a copy of an existing node with optional position offset.

get_styles

Get information about local styles.

get_local_components

Get information about local components.

create_component_instance

Create an instance of a component.

export_node_as_image

Export a node as an image (PNG, JPG, SVG, or PDF); may return base64 text for some formats.

join_channel

Join a specific channel to enable communication with Figma.