figma-free-mcp

Create a new rectangle in Figma

Create a new frame in Figma

Create a new text element in Figma

Create a new ellipse in Figma

Create a new polygon in Figma

Create a new star in Figma

Group nodes in Figma

Ungroup nodes in Figma

Clone an existing node in Figma

Insert a child node inside a parent node in Figma

Flatten a node in Figma (e.g., for boolean operations or converting to path)

Perform a boolean operation (union, subtract, intersect, exclude) on two or more nodes. All nodes must share the same parent.

Automatically detect and connect to an active Figma plugin channel. No channel ID needed. ALWAYS call this tool first before any other Figma tool. Never ask the user for a channel ID.

List all active Figma plugin channels with the file and page each one is connected to. Use this to pick the right channel when multiple Figma files are open.

Connect to a Figma channel by matching its file name (and optional page name) instead of a channel ID. Use when multiple Figma files are open and you know the target file name.

Run a single Figma command on a specific open file WITHOUT switching the active channel. Use this to edit multiple files concurrently in one session: call it repeatedly with different fileName values. The target file must have its own plugin instance running. params is the same JSON you would pass to the matching tool.

Create an instance of a component in Figma

Convert an existing node (frame, group, etc.) into a reusable component in Figma

Create a component set (variants) from multiple component nodes in Figma

Change the variant properties of a component instance without recreating it. This preserves instance overrides and is more efficient than delete + create workflow.

List all variable collections and their variables in the current Figma file. Returns collections with their modes and variables.

Create or update a variable in a Figma variable collection. Creates the collection if collectionName is provided and it doesn

Bind a variable to a node property in Figma. Call once per field — for multiple fields, call multiple times.

Switch the variable mode on a node for a specific collection. This changes which mode

Set the text content of an existing text node in Figma

Set multiple text contents parallelly in a node

Set the font name and style of a text node in Figma

Set the font size of a text node in Figma

Set the font weight of a text node in Figma

Set the letter spacing of a text node in Figma

Set the line height of a text node in Figma

Set the paragraph spacing of a text node in Figma

Set the text case of a text node in Figma

Set the text decoration of a text node in Figma

Get text segments with specific styling in a text node

Apply a text style to a text node in Figma

Load a font asynchronously in Figma

Set the text alignment of a text node in Figma. Use textAlignHorizontal RIGHT for RTL/Arabic text.

Set the fill color of a node in Figma. Alpha component defaults to 1 (fully opaque) if not specified. Use alpha 0 for fully transparent.

Set the stroke color of a node in Figma (defaults: opacity 1, weight 1)

Recursively change all stroke and fill colors of a node and all its descendants. Works like Figma

Move a node to a new position in Figma

Resize a node in Figma

Delete a node from Figma

Set the corner radius of a node in Figma

Configure auto layout properties for a node in Figma

Set the visual effects of a node in Figma

Apply an effect style to a node in Figma

Rotate a node in Figma by a specified angle in degrees (clockwise). Use relative=true to add to the current rotation instead of setting an absolute value. Note: locked nodes can still be rotated — the Plugin API bypasses the UI lock by design.

Set visibility, lock state, and/or opacity of a node in Figma. Only provided properties are changed; omitted properties remain unchanged.

Change the z-order (layer order) of a node within its parent. Distinct from insert_child which re-parents a node — reorder_node changes position within the same parent.

Convert a group or shape node into a frame in Figma. Preserves position, size, visual properties, and children. Useful for converting groups into auto-layout-capable frames.

Set a gradient fill on a node in Figma. Supports linear, radial, angular, and diamond gradients. Replaces all existing fills (same behavior as set_fill_color).

Set an image fill on a node from base64-encoded image data. Supports PNG, JPEG, GIF, WebP. Max ~5MB after decode.

Apply layout grids to a frame node in Figma. Supports columns, rows, and grid patterns.

Read layout grids from a frame node in Figma

Set guides on a page in Figma. Replaces all existing guides on the page.

Read guides from a page in Figma

Add an annotation label to a node in Figma. Uses the proposed Annotations API — requires Figma Desktop with enableProposedApi.

Read annotations from a node in Figma. Uses the proposed Annotations API.

Rename a node (frame, component, group, etc.) in Figma

Import an SVG string as a vector node in Figma. The SVG is sanitized (scripts and external resources are stripped) before import. Max 500KB.

Export a single node as an SVG string from Figma. Returns the SVG markup including all nested children.

Get detailed information about the current Figma document

Get information about the current selection in Figma

Get detailed information about a specific node in Figma

Get detailed information about multiple nodes in Figma

Get all styles from the current Figma document

Get all local components from the Figma document

Get available components from team libraries in Figma

Scan all text nodes in the selected Figma node

Join a specific channel to communicate with Figma

Export a node as an image from Figma

Create a new page in the current Figma document

Delete a page from the current Figma document

Rename an existing page in the Figma document

Get all pages in the current Figma document

Switch to a specific page in the Figma document

Duplicate an existing page in the Figma document, creating a complete copy of all its contents

Apply image to node from URL or base64 data

Extract image metadata from a node

Replace existing image on node with new image while preserving transform

Download image from Figma and save to local file

Adjust image position, scale, and rotation within node. Rotates the IMAGE inside the node, not the node itself.

Apply color and light adjustments to image fills

Get all FigJam-specific elements (stickies, connectors, shapes with text, sections, stamps) on the current page. Use this to read the contents of a FigJam board.

Create a sticky note in a FigJam board. Sticky notes are the primary way to add text content in FigJam.

Update the text content of an existing FigJam sticky note.

Create a FigJam shape with text inside. Useful for flowcharts, diagrams, and process maps. Supported shapes: SQUARE, ELLIPSE, ROUNDED_RECTANGLE, DIAMOND, TRIANGLE_UP, TRIANGLE_DOWN, PARALLELOGRAM_RIGHT, PARALLELOGRAM_LEFT.

Create a connector (arrow or line) in FigJam. Connectors can link two existing nodes by ID, or connect arbitrary canvas positions. Use this to draw flow arrows between stickies, shapes, etc.

Create a FigJam section. Sections are used to group and organise content on the FigJam board. They appear as labelled coloured regions.

Analyze a React/TSX component file and create corresponding Figma frames and elements

Convert CSS class definitions to Figma local paint/text styles

Generate Figma component variants (default, hover, active, disabled) from a base component

List all pages in the Figma document with frame counts and duplicate detection

Find and remove duplicate pages, keeping the one with more content

Reorder pages alphabetically or by a custom number prefix (01., 02., etc.)

Find and optionally delete pages with no children/frames

Read a CSS file and sync all CSS variables to Figma variable collections

Read Figma variable collections and generate a CSS file with custom properties

Compare CSS variables with Figma variables and report differences

Read a design system policy markdown file and apply styles to Figma

Audit a Figma file for design system policy violations