Give your coding agent direct access to Figma.

A plugin in your Figma desktop app, connected to an MCP server. Your agent reads the exact values in your file, edits it live, and checks its own work with screenshots.

Set up

1. Install the plugin. Unzip the download. In the Figma desktop app open any file and choose

   Plugins › Development › Import plugin from manifest…

   then pick manifest.json from the unzipped folder.

2. Run it. Open the file you want to work on and run Plugins › Development › direct2figma. The plugin window shows your personal MCP server URL. Keep the window open while your agent works. While it is open the plugin keeps your computer awake and Figma at full speed in the background; you can switch that off in the plugin window.

3. Connect your agent. Add the URL as an HTTP MCP server. For Claude Code:

   claude mcp add --transport http direct2figma https://direct2figma.com/mcp/<your-channel>

   The plugin window has ready-to-copy snippets for Claude Code, Cursor, VS Code and Codex.

What your agent can do

get_nodes

Read any node with exact, lossless values, in the Plugin API's own property names.

find_nodes

Search by type, layer name or text content.

screenshot

Render a node as PNG, JPG or SVG, with the pixel-to-canvas mapping.

export_assets

Save images and icons as files the agent names, as one zip, without filling its context.

apply

Create, update, move, clone and delete nodes in one batch, and get a render of the result back.

execute

Run any Plugin API JavaScript inside the file.

job_result

Collect slow results, so a long export never turns into a timeout.

and more

Document overview, selection, styles, variables, components and fonts.

Early preview. There are no accounts yet: your MCP URL is the only key. Anyone who has it can read and edit the files where your plugin is running, so treat it like a password. Use New URL in the plugin window to replace it.