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, all on your own machine.
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
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
Set up by your agent, in one paste
Open Crossfade
Run the plugin in 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
The plugin turns green when they meet. Select a layer and say what you want.