MCPVault

create_component

MCP tool from Figma Edit MCP by neozhehan

Convert an existing frame into a main component

How to use it

create_component is exposed by the Figma Edit MCP MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the create_component tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.

Install Figma Edit MCP

$npx -y --package figma-edit-mcp figma-edit-mcp-socket
FULL FIGMA EDIT MCP LISTING

Other tools in Figma Edit MCP (39)

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_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)