Figma Vector MCP

Place a fully editable vector node on the Figma canvas from an SVG string. Supports any valid SVG including paths, polylines, polygons, circles, and groups. The created node is fully editable in Figma.

Delete a node from the Figma canvas.

Copy a node to a target page at an optional position.

Export a Figma node as a base64-encoded PNG at the specified pixel scale.

Export a Figma node as an SVG string. Useful for round-tripping: create a vector, modify it in Figma, export back.

Search for nodes by name (case-insensitive contains) and/or type. Scoped to a page (defaults to current page). Recursive by default.

List all fonts available in this Figma environment (system fonts + Figma font agent). Use before create_text to verify a font is loadable. Optionally filter by family name substring.

List all local components in the Figma document.

Get information about the current Figma document: name, current page, all pages, and top-level nodes.

List components available for use. Returns local document components. Filter by name with optional query.

Get detailed information about a specific node by ID: type, position, size, opacity, children.

List all pages in the current Figma document.

Get the currently selected nodes in Figma, including position and size.

Get all local paint styles and text styles defined in the Figma document. Use these IDs with apply_style to keep output on-brand.

Group multiple Figma nodes into a group layer.

Ping the Figma plugin and confirm connectivity. Returns plugin version and current page.

Join a named channel on the Figma Vector MCP socket relay. Must be called before any drawing commands if the channel was not set via env/arg.

List all color aliases registered in this document's palette.

Move a Figma node to a new position on the canvas.

Save a named color alias to the document palette. All RGB values are 0–1. Use resolve_color or list_colors to retrieve.

Save a named alias for a node ID, persisted in the Figma document. Use resolve_node to retrieve it later.

Rename a Figma node.

Change a node's Z-order within its parent. Use action for relative moves or index for an absolute position (0 = bottom of stack).

Resize a Figma node to the given width and height.

Look up a color by its registered alias. Returns r, g, b, a values (0–1).

Look up a node ID by its registered alias. Returns the node ID previously saved with register_node.

Export the current Figma page as a base64-encoded PNG. Useful for visual verification of the canvas state.

Enable auto-layout on a frame and configure direction, spacing, padding, and alignment. Set direction to NONE to disable auto-layout.

Set the blend mode of a node layer.

Set corner radius of a rectangle or frame. Use radius for uniform corners or topLeft/topRight/bottomLeft/bottomRight for individual corners (e.g. pill, tab, card shapes).

Apply effects (drop shadow, inner shadow, layer blur, background blur) to a node. Use mode REPLACE (default) to overwrite all effects, or APPEND to add to existing ones.

Set the fill color of a Figma node.

Scroll the Figma viewport to focus on a node and select it.

Apply a gradient fill to a Figma node. Supports LINEAR, RADIAL, ANGULAR (conic), and DIAMOND types. Replaces any existing fills. Stops must be sorted by position (0 → 1).

Set a node's fill to a base64-encoded image. Use with image generation APIs (Replicate, fal.ai) to place rendered imagery directly on canvas.

Apply column, row, or uniform grid guides to a frame.

Set the opacity of a Figma node (0 = invisible, 1 = fully opaque).

Set comprehensive stroke properties on a node: color, weight, position, dash pattern, line cap, and line join.

Set the stroke color (and optional weight) of a Figma node.

Modify typographic properties of an existing text node without replacing its content. Also use to set or update text box width and wrapping.

Show or hide a Figma node.

Switch to a different page in the Figma document by ID or name.

Ungroup a group node, returning its children to the parent.