Let your agents design for you.
Crossfade plugs your coding agent straight into your open Figma file. Ask for a screen and watch it land on the canvas, with no MCP limits to run into.
Already own Crossfade? Set it up
Works with the agent you already use
- Claude Code
- Codex
- Cursor
- Figma
Your agent can already write the code. Crossfade hands it the canvas too. It reads what you've selected, builds with real layers, checks its own screenshot, and leaves you a file you can keep working in.
Raw materials in, complete designs out
Hand Claude whatever you've got. Crossfade carries each step into your file, and the screen picks up everything you give it.
Raw materials
Claude
Crossfade
Figma
Complete designs
No MCP limits
Agents work in loops: read, change, check, repeat. Figma’s MCP server counts those calls. Crossfade runs on your machine, so it doesn’t.
Crossfade needs the Figma desktop app open, and works in Figma Design, FigJam and Slides. Figma’s server also covers Code Connect, Make and working with Figma closed. They don’t clash, so you can keep both. Read the full comparison, or see every Figma MCP limit by plan.
From Figma’s rate limits and MCP server docs, 7 Nov 2026. Limits apply to read tools, and Figma may change them. Crossfade isn’t affiliated with or endorsed by Figma.
Everything stays on your desk
Private by default
The bridge only listens on localhost and asks for a private token.
Watch it happen
Edits land live in the file you have open, as real layers.
One undo away
Every run is one undo step. A run that fails undoes itself.
Just say "this"
Select a layer and talk about it. No links to paste.
Built for agents that do real work
Runs on your machine
Your agent talks to the plugin over localhost, so there's no Crossfade account and no server of ours in the middle. It can check its own work as often as it needs.
Every agent, one file
Add another agent while the first is working. Orange means it's sending edits to your file. Green means it's reading from it.
Click an agent to send a command.
The whole Plugin API
If a Figma plugin can do it, your agent can: components, variables, auto layout, exports. Seven tools cover reading, building, checking and saving.
Dev handoff made easy
Your agent has the file and your repo open together. It reads the real layers, writes the code with your components, and leaves the notes on the layers. Pick a layer to see what comes out.
Your components
It writes with what's already in your repo, instead of inventing new ones.
Tokens by name
Colours and sizes come through as your variables, not loose hex values.
Notes in the file
States and edge cases land as annotations, right on the layer.
Bring any agent that speaks MCP
Claude Code
App or CLI, set up with one prompt
Codex
Same setup prompt
Cursor
Same setup prompt
Anything else
Any MCP client that runs a local server
Open Crossfade
Import the plugin into the Figma desktop app. It sits in a small window beside your canvas.
Paste the prompt
Pick your agent, copy the setup prompt and paste it in. The agent installs the bridge itself.
Ask for anything
Add your licence key, and the plugin turns green when they meet. Select a layer and say what you want.
Already own Crossfade?
Set it up, or pick up where you left off. No need to buy it again.
Frequently asked questions
Crossfade is a plugin that runs in the Figma desktop app, and your agent reaches it over localhost. Keep the app open with the plugin running, and your agent can read and edit the file you have open.
Crossfade runs on your own machine, so nothing counts your calls and any seat that can edit the file can write. It can use fonts on your computer, and you just select a layer and ask. Figma's server is hosted, limits how often agents can read, and needs a Full seat to write outside your drafts. It also covers Code Connect and working with Figma closed, and you can keep both.
The bridge has no server of its own. It listens on localhost, and only sessions holding your private token can use it. Whatever your agent reads goes to that agent's provider, the same as any other file it opens.
No. It runs as a plugin, so all you need is edit access to the file.
Claude Code is what Crossfade is built and tested on. Codex, Cursor and other MCP clients connect through the same local server, but they haven't been tested yet.
Yes. Crossfade works in Figma Design files, FigJam boards and Slides decks, as long as you can edit them in the Figma desktop app. Your agent can build stickies, shapes, connectors, tables and whole slides.
Every run is a single undo step, and a run that fails part way undoes itself. For bigger changes it can save a named version first.
Yes. An agent can read a frame with its layers, sizes and styles, write the code against your repo, and leave notes on the layers as annotations. How close the code gets depends on your agent and your codebase, so review it like any other pull request.
Two per licence key. Restarting or reinstalling on the same Mac doesn't use another, and you can download a fresh copy from your Gumroad library any time.
Yes. Add one while another is running. The plugin shows each agent on its own wire, and which way the data is moving.