Talk To Figma

You run a local MCP server that bridges Cursor with Figma, enabling you to send commands, inspect documents, and automate design tasks through a WebSocket channel. This guide shows practical steps to install, register, and run the Talk to Figma MCP so you can start controlling Figma from Cursor right away.

How to use

To use the Talk to Figma MCP, you install a local server and register it with your MCP client. You have two practical options for running the server locally: you can pull the project distribution and run it directly, or you can execute a built-in start script from a local checkout or npm-like setup. Once registered, you connect your MCP client to the server, join a channel, and begin issuing MCP commands to interact with Figma.

How to install

Prerequisites you need before starting:

1. Install Bun (for the initial setup and running MCP components) on your operating system.

2. Prepare to register and run the MCP server locally using one of the provided runtime configurations.

Configuration and local run options

"TalkToFigma": {
  "command": "bunx",
  "args": ["hyun1202/talk-to-figma-mcp#dist"]
}

"TalkToFigma": {
  "command": "cmd", 
  "args": ["/c", "npm", "--silent", "-C", "C:/cursor-talk-to-figma-mcp", "start"]
}

Additional configuration notes

Below are the example startup configurations you can use to register the MCP server locally. Use the one that matches your preferred execution path.

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

Available tools

get_document_info

Fetch information about the current Figma document.

get_selection

Retrieve details about the current selection in the document.

read_my_design

Get detailed information about the current selection without any parameters.

get_node_info

Obtain detailed information about a specific node by ID.

get_nodes_info

Get detailed information about multiple nodes by their IDs.

get_annotations

Retrieve all annotations in the current document or a specific node.

set_annotation

Create or update an annotation with Markdown support.

set_multiple_annotations

Batch create or update multiple annotations efficiently.

scan_nodes_by_types

Scan for nodes of specific types, useful for locating targets for annotations.

get_reactions

Retrieve prototype reactions for visual highlighting in designs.

set_default_connector

Set the default connector style for creating FigJam connectors.

create_connections

Create FigJam connector lines between nodes based on prototype flows or mappings.

create_rectangle

Create a new rectangle with position and size.

create_frame

Create a new frame with position and size.

create_text

Create a new text node with font properties.

set_text_content

Update the text content of a single text node.

set_multiple_text_contents

Batch update multiple text nodes efficiently.

set_layout_mode

Set layout mode for an auto-layout frame (NONE, HORIZONTAL, VERTICAL).

set_padding

Set padding values for an auto-layout frame.

set_axis_align

Set alignment for auto-layout frames along primary and counter axes.

set_layout_sizing

Configure horizontal and vertical sizing for auto-layout frames.

set_item_spacing

Set spacing between children in an auto-layout frame.

set_fill_color

Apply fill color to a node.

set_stroke_color

Configure stroke color and weight for a node.

set_corner_radius

Set corner radius for a node with optional per-corner values.

move_node

Move a node to a new position.

resize_node

Resize a node to new dimensions.

delete_node

Delete a node.

delete_multiple_nodes

Delete multiple nodes in a single operation.

clone_node

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

get_styles

Retrieve information about local styles.

get_local_components

Obtain information about local components.

create_component_instance

Create an instance of a component.

get_instance_overrides

Extract override properties from a selected component instance.

set_instance_overrides

Apply extracted overrides to target instances.

export_node_as_image

Export a node as an image (PNG/JPG/SVG/PDF); returns base64 if image export is limited.

join_channel

Join a specific channel to communicate with Figma.

design_strategy

Provide best practices for working with Figma designs.

read_design_strategy

Guidance for reading and interpreting Figma designs.

text_replacement_strategy

Systematic approach for replacing text in Figma designs.

annotation_conversion_strategy

Strategy for converting manual annotations to native Figma annotations.

swap_overrides_instances

Strategy for transferring overrides between component instances.

reaction_to_connector_strategy

Guidance for converting prototype reactions to connector lines.