Figma Agent MCP

Export a Figma node to an image (PNG, JPG), vector (SVG), or document (PDF) with scale or constraints, returning Base64 data, MIME type, and UTF-8 SVG string.

Configure permanent export preset settings on a Figma node (e.g. 1x PNG, 2x PNG, SVG).

Set an image fill on a Figma node from a Base64 string or data URI, with FILL, FIT, CROP, or TILE scaling mode.

Create a new Master Component (ComponentNode) on canvas or inside a container, with optional Component Property Definitions (BOOLEAN, TEXT, VARIANT, INSTANCE_SWAP).

Create a new InstanceNode from a Master Component with optional initial component property overrides.

Override and set component property values on a Figma InstanceNode.

Detach a Figma InstanceNode from its Master Component, converting it into a standard FrameNode. Requires explicit destructive: true safety flag.

Retrieve all local Master Components (ComponentNode) and Component Sets in the document with their variants and property definitions.

Check the current connection status to the Figma Plugin and query active capabilities.

Join or switch to a specific Figma bridge channel to communicate with a target Figma window.

Compile and compress Figma document or node tree into AI-optimized representations (markdown, dsl, compact) with substantial context reduction and dynamic token budget enforcement.

Intelligently resolve semantic user intents (e.g. "primary button", "#6366F1", 16px) to matching Design System Components, Color Variables, Spacing Tokens, or audit a Node for token bindings.

Get compact metadata for the active Figma document including file name, current page ID, and all available pages.

Inspect currently selected node(s) on the active Figma canvas in normalized SimplifiedNode format.

Configure Auto Layout properties on a Frame container node (mode, padding, itemSpacing, alignment, sizing modes).

Set horizontal and/or vertical layout sizing modes (FIXED, HUG, or FILL) for a node inside Auto Layout.

Create a new Frame container node on the canvas or inside a parent container with dimensions and optional Auto Layout mode.

Create a new Text node with specified characters, position, font family, style, and size. Asynchronously loads the required font.

Create a new Rectangle vector node with specified position, width, height, and optional corner radius.

Create a new Section canvas organization container node to group screens and frames.

Move a node to new absolute (x, y) coordinates relative to its parent container.

Resize a node to new width and height dimensions.

Rename a node layer in the Figma document.

Delete and remove a node permanently from the Figma document. Requires explicit destructive: true safety flag.

Clone and duplicate an existing node with all its children and styles to a new position or target parent.

Reparent and move a node into another container or section with an optional child index position.

Retrieve a single Figma node by ID with simplified hierarchical structure, bounds, styles, layout, and text properties.

Retrieve multiple Figma nodes in a single batch request by an array of node IDs.

List available Composite Agent Skills (e.g. skill.create_design_system, skill.auto_fix_accessibility, skill.convert_wireframe_to_hifi) with their input schemas.

Execute a high-level Composite Agent Skill workflow (e.g. skill.create_design_system, skill.auto_fix_accessibility, skill.convert_wireframe_to_hifi).

Execute multiple Figma commands sequentially with symbolic ref resolution (ref, parentRef, nodeRef, $ref:name), in-memory idempotency deduplication, and compensating creation rollback on failure.

Set fill colors, gradients (linear/radial), opacity, or images on a Figma node.

Set stroke/border color, weight, alignment (INSIDE/OUTSIDE/CENTER), and per-side weights on a Figma node.

Set uniform or individual (top-left, top-right, bottom-right, bottom-left) corner radius with optional iOS corner smoothing on a Figma node.

Set layer opacity for a Figma node (value between 0.0 and 1.0).

Set visual effects such as DROP_SHADOW, INNER_SHADOW, LAYER_BLUR, or BACKGROUND_BLUR on a Figma node.

Update the text string content of a Figma TextNode, safely preloading required fonts.

Set the font size in points/pixels for an entire TextNode or a character range (start, end).

Change font family and font weight/style (e.g. Inter Bold) for an entire TextNode or character range, with automatic font loading and fallback.

Set horizontal (LEFT, CENTER, RIGHT, JUSTIFIED) and vertical (TOP, CENTER, BOTTOM) text alignment.

Set the line height for a TextNode in PIXELS, PERCENT, or AUTO.

Set the letter spacing (tracking) for a TextNode in PIXELS or PERCENT.

Validate a Figma node or document tree against WCAG 2.1 contrast, Auto Layout rules, token scales (spacing, typography, corner radius), and component health, returning a structured issues report.

Check color contrast ratio between any foreground and background colors according to WCAG 2.1 AA/AAA accessibility standards.

Retrieve all local Figma Variable Collections and Variables including their modes, types, and values by mode.

Create a new Design Token Variable (COLOR, FLOAT, STRING, or BOOLEAN) in a collection with initial or per-mode values.

Set the value of a Figma Variable for a specific mode (e.g. Light or Dark mode).

Bind a Design Token Variable to a specific property of a Figma node (e.g. fills, strokes, opacity, padding, cornerRadius, width, height).

Retrieve all local Styles (PAINT, TEXT, EFFECT, GRID) defined in the active Figma document.

Create a new reusable Paint Style in the active Figma document with solid or gradient fills.