io.github.neozhehan/figma-edit-mcp

Applies a style to a node by ID.

Clone an existing node in Figma

Transforms a frame into a main component.

Create an instance of a component in Figma

Transforms components into a component set (variants).

Create connections between nodes, or set/check the default connector template. Pass 'connectorId' to set a default. Pass 'connections' to create lines. Pass nothing to check current default.

Create a new ellipse (circle, arc, donut) in Figma

Create a new frame in Figma

Creates a node from an SVG string.

Create a new polygon or star in Figma

Create a new rectangle in Figma

Create a new text element in Figma

Delete one or more nodes from Figma at once

Delete specific variables by ID or an entire variable collection. Provide either variableIds OR collectionId (not both). Performs a full-document consumer check (nodes, styles, and variable aliases) first — if any variable is still in use, the entire operation is rejected. Note: Consumer scanning is limited to the current document.

Export a node as an image from Figma

Flatten node to vector

Get all annotations in the current document or specific node

Get components from the Figma document with filtering options

Get all override properties from a selected component instance. These overrides can be applied to other instances, which will swap them to match the source component.

Get bound variables and explicit variable modes for a specific node

Get detailed information about one or more nodes. Supports recursive subtree traversal, property filtering, and streaming progress. - If no nodeIds are provided, the tool defaults to the current 'editable scope' (the node(s) selected when the plugin was opened). - Properties: When 'fields' is empty, only 'id', 'name', and 'type' are returned for each node. To get more data, specify fields from Figma's REST API (e.g., 'fills', 'strokes', 'characters', 'layoutMode'). - Safe-list: Common properties like 'id', 'name', 'type', 'visible', 'locked', 'children', and 'descendantCount' are always available and do not incur additional performance cost. - Filtering: Use the 'filter' object to prune the tree (e.g., {"type": ["TEXT", "COMPONENT"]}). A node is included if it matches the filter OR has matching descendants. - Depth: 'maxDepth' controls how deep the recursive walk goes. Use 0 for just the target nodes, or higher for subtrees. Boundary nodes at maxDepth will include a 'descendantCount'. - Performance: This tool streams progress updates and is safe for deep traversals. RESPONSE SHAPE: - Returns { nodes: [...], missingNodeIds?: [...] }. Each node has recursive 'children' arrays. When 'fields' is non-empty, every node (top-level and descendants) carries a 'properties' sub-object with only applicable keys — inapplicable keys are omitted (never null). Top-level entries always include 'descendantCount' (total recursive descendants). Boundary nodes at 'maxDepth' also include 'descendantCount' so you can distinguish truncated nodes from genuine leaves. PATH: - Each top-level node includes a 'path' array of 3-tuples [type, id, name] representing the ancestor chain from the containing page down to the immediate parent. Pages have path === []. Direct children of a page have one element. FILTER BEHAVIOR: - Filters are applied recursively across the entire subtree. Non-matching ancestors of matching nodes are retained as structural containers. Filter evaluation only runs with…

Get information about pages in the Figma document. No argument or empty array returns all pages without children. 1 or more pageIds returns the requested pageIds with top-level children for each requested page. Prefer batches of ≤25 pageIds per call; for larger requests, split across multiple calls for better responsiveness.

Get Figma Prototyping Reactions from multiple nodes. CRITICAL: The output MUST be processed using the 'reaction_to_connector_strategy' prompt IMMEDIATELY to generate parameters for connector lines via the 'create_connections' tool.

Get all styles from the current Figma document

Get all local variables/collections or detailed info for specific variable(s) by ID(s). When variableId is provided, optionally scan for consumer nodes, styles, and variable aliases via includeConsumers (Note: Consumer scanning is limited to the current document).

Group multiple nodes into a group

Reparent a node to a new parent

Join a specific channel to communicate with Figma

Perform CRUD operations on property definitions for main components or variant sets.

Creates named styles (Text, Paint, Effect, Grid) or updates an existing style if styleId is provided.

Comprehensive tool to create collections, variables, and set values/aliases.

Move a node to a new position in Figma

Resize a node in Figma

Set auto-layout properties for a frame in Figma. This unified tool replaces individual layout tools.

Bind a variable to a node's property or set explicit variable mode

Set a specific property value (boolean toggle, text override, instance swap, or variant selection) on an instance.

Set the corner radius of a node in Figma

Applies shadow/effect arrays to nodes.

Set the fill color of a node in Figma can be TextNode or FrameNode

Apply previously copied overrides to selected component instances. Target instances will be swapped to the source component and all copied override properties will be applied.

Set one or more annotations parallelly in a node

Set one or more text contents parallelly in a node

Set the name of a node in Figma

Set selection to one or more nodes in Figma and focus them

Set the stroke color and weight of a node in Figma. Supports both uniform weight and individual side weights (top, bottom, left, right).

Set any combination of text styles on a node

Ungroup a group node

Update Figma Prototyping Reactions on a node by replacing its reactions array. Provide the full array of reactions. Use get_reactions first, modify the desired actions (e.g., to fix references to deleted variables), and pass the updated array here.