How do I connect Figma Edit MCP Server to Claude?

Run `claude mcp add figma-edit-mcp -- npx -y --package figma-edit-mcp figma-edit-mcp-socket` in Claude Code, or add the same command and arguments under mcpServers in Cursor's mcp.json or Claude Desktop's claude_desktop_config.json, then restart the client. The blocks above are ready to paste.

Is Figma Edit MCP Server free?

The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.

What can Figma Edit MCP Server do?

Figma Edit MCP Server documents 40 tools to the agent, including component_delete_property, component_list, component_manage_property. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.

Figma Edit MCP

Unclaimed

by neozhehan

Read, create, and modify Figma designs programmatically via MCP, empowering AI to execute Figma changes safer, cleaner, and faster.

Set up this server

Compare servers My Stack

01 / Choose your client

02 / Before you connect

Authentication is not specified. Check the project instructions before connecting.

Install the runtime required by the project and make it available to your client.

Project instructionsEnvironment variable names (optional)

Use names from the project instructions, separated by commas. Enter names only, never secret values.

03 / Add the configuration

Source: generated from public install instructions

claude mcp add --transport stdio 'figma-edit-mcp' -- 'npx' '-y' '--package' 'figma-edit-mcp' 'figma-edit-mcp-socket'

Run in your terminal after replacing any placeholders.

04 / Check it in your client

Open your client’s MCP settings and confirm the server connects and lists its tools. A copied configuration does not confirm a working connection.

design-automationfigma-designfigma-pluginmcp-servermodel-context-protocol

Is this your MCP server?

This listing was auto-indexed from the public record. Claim it to edit the page, set compatibility and unlock growth tools. Takes under two minutes.

Claim this server

Security profile

Claimed and verified servers get a weekly static scan that shows what the code can reach: external services, environment variables, shell commands, agent configuration folders, plus any dependencies with known advisories. Claim this listing to get one. How the security profile works

40 of 40 tools

Documented tools (40)

From project documentation. A server handshake does not verify each tool’s description or behavior.

component_delete_property

Remove a component-property definition

component_list

List components, with filtering and scope options

component_manage_property

Add or edit a component-property definition (BOOLEAN/TEXT/INSTANCESWAP)

create_component

Convert an existing frame into a main component

create_component_set

Combine components into a component set (variants)

create_frame

Create a frame with optional fill/stroke and full auto-layout

create_instance

Instantiate a component at a position

create_shape

Create a rectangle, ellipse, polygon, or star (type) with optional fill/stroke

create_svg

Create a node from an SVG markup string

create_text

Create a text node with optional font size/weight/color

instance_get_overrides

Read the override properties from a source instance

instance_set_overrides

Apply copied overrides to target instances

instance_set_property

Set one property on an instance (toggle, text, swap, or variant)

node_apply_style

Link a node to a shared library style (paint/text/effect/grid)

node_bind_variable

Bind a variable to a node property, or set an explicit variable mode

node_clone

Duplicate a node, optionally at a new position

node_delete

Delete one or more nodes in a single validated batch

node_export_visual

Render a node to an image (PNG / JPG / SVG / PDF)

node_flatten

Flatten a node and its children into a single vector

node_group

Wrap nodes in a new group

node_info

Read one or more nodes — recursive traversal with properties, filter, and maxDepth (the workhorse read; also returns bound variables / explicit modes)

node_insert_child

Reparent a node under a new parent at an optional index

node_rename

Rename a node

node_set_auto_layout

Configure a frame's auto-layout (mode, padding, spacing, alignment, sizing)

node_set_corner_radius

Set corner radius (uniform or per-corner)

node_set_effects

Set the effect array (shadows, blurs)

node_set_fill

Set a node's fill to a color or image, or clear it

node_set_stroke

Set stroke color and weight (uniform or per-side)

node_transform

Move and/or resize a node by setting absolute x / y / width / height

node_ungroup

Dissolve a group, promoting its children

page_info

List the document's pages; with pageIds, return those pages and their top-level children

style_delete

Delete a local style by id (detaches consumers, which keep their resolved values)

style_list

List all local styles (paint/text/effect/grid)

style_manage

Create a named style, or update one when styleId is given

text_set_content

Batch-set the text of one or more text nodes

text_set_style

Set any combination of typography properties on a text node

variable_delete

Delete variables or a collection (rejected if still in use)

variable_list

List variables/collections, or detail by ID; optionally scan consumers

variable_manage

Create collections and variables and set values/aliases

view_navigate

Navigate the editor view to a page or node(s)

Tool change history

Compared across complete checks of the same configuration. Tools were listed, not invoked. Input-schema changes are not measured here.

No complete tool checks yet.

FAQ

Questions about Figma Edit MCP Server

How do I connect Figma Edit MCP Server to Claude?: Run `claude mcp add figma-edit-mcp -- npx -y --package figma-edit-mcp figma-edit-mcp-socket` in Claude Code, or add the same command and arguments under mcpServers in Cursor's mcp.json or Claude Desktop's claude_desktop_config.json, then restart the client. The blocks above are ready to paste.
Is Figma Edit MCP Server free?: The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.
What can Figma Edit MCP Server do?: Figma Edit MCP Server documents 40 tools to the agent, including component_delete_property, component_list, component_manage_property. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.