Talk to Figma MCP Server: Setup for Claude, Cursor and Other Apps

• Reads full details of what you have selected in Figma

  Returns detailed information about every node in your current selection, with no parameters.

  Try: “Read the design I have selected and describe its layout.”

  Read · read_my_design

• Shows basic facts about the open Figma file

  Returns information about the current Figma document.

  Try: “What is in my open Figma file?”

  Read · get_document_info

• Shows what is selected in Figma

  Returns information about the current selection.

  Try: “What do I have selected in Figma right now?”

  Read · get_selection

• Reads details of one layer

  Returns detailed information about a single node, by its ID.

  Try: “Give me the details of node 12:34.”

  Read · get_node_info

• Reads details of several layers at once

  Returns detailed information about many nodes, given a list of IDs.

  Try: “Get the details for nodes 12:34, 12:35 and 12:40.”

  Read · get_nodes_info

• Finds every piece of text inside a selected layer

  Scans a selected node for text nodes, in chunks so large designs do not time out.

  Try: “List all the text in the selected frame.”

  Read · scan_text_nodes

• Finds child layers of given types

  Scans a selected node for child nodes of the types you name, which helps when matching annotations to elements.

  Try: “Find all buttons and inputs inside the selected frame.”

  Read · scan_nodes_by_types

• Lists the file's styles

  Returns all styles in the current Figma document.

  Try: “Which color and text styles does this file define?”

  Read · get_styles

• Lists the file's local components

  Returns all local components in the document.

  Try: “List the components defined in this file.”

  Read · get_local_components

• Lists annotations in the file or on a layer

  Returns all annotations in the document, or only those on one node.

  Try: “What annotations are on this screen?”

  Read · get_annotations

• Reads prototype links between screens

  Returns the prototype reactions from nodes. The tool's own text says its output must be passed through the 'reaction to connector' prompt straight away to build connector lines.

  Try: “Read the prototype flow from the selected screens.”

  Read · get_reactions

• Copies the custom settings from a component instance

  Extracts the override properties from a selected component instance, so they can be applied to other instances.

  Try: “Copy the overrides from the selected button instance.”

  Read · get_instance_overrides

• Exports a layer as an image

  Exports a node as PNG, JPG, SVG or PDF. The tool's own text says it is returned as base64 text.

  Try: “Export the selected frame as a PNG.”

  Read · export_node_as_image

• Selects a layer and scrolls Figma to it

  Selects one node and scrolls the Figma view to it.

  Try: “Take me to the login button.”

  Write · set_focus

• Selects several layers and shows them

  Selects many nodes and scrolls the view so they are visible.

  Try: “Select all the error-state frames.”

  Write · set_selections

• Connects to the Figma plugin through a channel

  Joins a named channel on the local relay so the assistant can talk to the Figma plugin. It has to happen before any other command.

  Try: “Join channel abc123 so we can work in Figma.”

  Network · join_channel

• Draws a rectangle

  Creates a rectangle with a position, size and optional name.

  Try: “Draw a 200 by 100 rectangle at the top left.”

  Write · create_rectangle

• Creates a frame

  Creates a frame with a position, size and optional name, with settings for fill, stroke and auto layout.

  Try: “Create a 375 by 812 frame named Home.”

  Write · create_frame

• Adds a text layer

  Creates a text node with font settings you choose.

  Try: “Add the heading 'Welcome back' in 32px bold.”

  Write · create_text

• Places an instance of a component

  Creates an instance of a local component by ID or of a published library component by key.

  Try: “Add an instance of the Primary Button component.”

  Write · create_component_instance

• Draws connector lines between layers

  Creates connector lines between nodes using the default connector style, for example to show a prototype flow.

  Try: “Connect the screens along the prototype flow.”

  Write · create_connections

• Chooses the connector style to use

  Sets a connector node you copied as the default style for new connections.

  Try: “Use the connector I copied as the default.”

  Write · set_default_connector

• Changes the text of one text layer

  Sets the text of an existing text node.

  Try: “Change the heading to 'Sign in'.”

  Write · set_text_content

• Changes many text layers in one go

  Updates the text of many text nodes at once. Prompts in the server describe a step-by-step approach for bulk replacement.

  Try: “Replace all placeholder names in this card list with real ones.”

  Write · set_multiple_text_contents

• Adds or edits an annotation

  Creates or updates an annotation, with markdown text.

  Try: “Annotate the pricing card with 'Needs legal review'.”

  Write · set_annotation

• Adds or edits many annotations at once

  Creates or updates several annotations in one call.

  Try: “Turn my numbered notes into real Figma annotations.”

  Write · set_multiple_annotations

• Applies copied settings to other instances

  Applies copied overrides to selected component instances, which are swapped to the source component.

  Try: “Apply the copied overrides to the other three buttons.”

  Write · set_instance_overrides

• Sets the fill colour of a layer

  Sets the fill of a node, as an RGBA colour.

  Try: “Make the header background dark blue.”

  Write · set_fill_color

• Sets the outline colour and weight

  Sets the stroke colour and weight of a node.

  Try: “Give the card a 2px grey border.”

  Write · set_stroke_color

• Rounds the corners of a layer

  Sets the corner radius of a node, with optional control of each corner.

  Try: “Round the card corners to 12px.”

  Write · set_corner_radius

• Sets auto layout direction on a frame

  Sets whether a frame lays out its children horizontally, vertically or not at all, and whether it wraps.

  Try: “Make this frame a vertical auto layout.”

  Write · set_layout_mode

• Sets padding in an auto layout frame

  Sets top, right, bottom and left padding of an auto-layout frame.

  Try: “Add 16px padding around the contents.”

  Write · set_padding

• Sets alignment in an auto layout frame

  Sets the primary and counter axis alignment for an auto-layout frame.

  Try: “Centre the items in this row.”

  Write · set_axis_align

• Sets fixed, hug or fill sizing

  Sets horizontal and vertical sizing modes for an auto-layout frame.

  Try: “Make the card hug its content vertically.”

  Write · set_layout_sizing

• Sets the gap between items

  Sets the distance between children in an auto-layout frame.

  Try: “Set the gap between list items to 8px.”

  Write · set_item_spacing

• Moves a layer

  Moves a node to a new position.

  Try: “Move the logo 40px to the right.”

  Write · move_node

• Resizes a layer

  Resizes a node to new dimensions.

  Try: “Make the banner 1200 pixels wide.”

  Write · resize_node

• Duplicates a layer

  Creates a copy of a node, with an optional position offset.

  Try: “Duplicate this card three times.”

  Write · clone_node

• Deletes a layer

  Deletes a node from the Figma file.

  Try: “Delete the old logo.”

  Delete · delete_node

• Deletes many layers at once

  Deletes several nodes in one call.

  Try: “Delete all the draft frames I selected.”

  Delete · delete_multiple_nodes

• Fills a layer with an image (not yet published)

  On the main branch only. Fills a node with an image from a local file path, a URL or base64 data, and replaces the node's existing fills. It reads the file or fetches the URL from the machine running the server.

  Try: “Use the photo at ~/Pictures/hero.jpg as the banner fill.”

  Write · set_image_fill

• Renames a layer (not yet published)

  On the main branch only. Renames a node.

  Try: “Rename this frame to 'Pricing - mobile'.”

  Write · rename_node

• Creates a section (not yet published)

  On the main branch only. Creates a section to group related content on the canvas.

  Try: “Create a section called 'Onboarding' for these screens.”

  Write · create_section

• Moves a layer into another frame (not yet published)

  On the main branch only. Moves a node into a new parent such as a section, frame or group, keeping its position unless you give x and y.

  Try: “Move these screens into the Onboarding section.”

  Write · set_parent

Watch out for

• It can delete layers

  Two tools delete one or many layers in the open file. Work on a duplicate, and check Figma version history if something goes missing. github.com

• The relay has no sign-in and sets no host

  The relay on port 3055 only asks clients to join a named channel, allows any origin, and its source sets no host (the only hostname line is commented out). Bun listens on all interfaces when no host is set, so another device on your network may be able to join your channel and send edit and delete commands. Run it on a trusted network or behind a firewall. github.com

• It edits the open file directly

  Most tools create, move, restyle or retext layers as soon as they are called. Review large batch changes before you accept them. github.com

• Four tools are not published yet

  Filling a layer from a local file or URL, renaming, creating sections and moving layers into a parent exist on the main branch only. The image tool can read a file path or fetch a URL from your machine. github.com

• The plugin source sends anonymous usage events to Google Analytics

  The plugin source on the main branch sends plugin opens, command names and success or error to Google Analytics, and says no file content or personal data is collected. Check the plugin version you install. github.com

Security advisories