0 of 6

Let’s get you connected

Six short steps, about five minutes, and your agent can make things like this. Tick them off and watch the two halves of the mark come together.

1

Grab your copy

Your Gumroad receipt has the zip and your licence key. Keep the key handy, because step 5 wants it.

Lost the email? Everything stays in your Gumroad library, and you can download a fresh copy any time.

Your receiptCrossfade
Crossfade.zip63 KB
Licence key
XXXXXXXX-XXXXXXXX-XXXXXXXX
2

Bring it into Figma

Unzip it somewhere you won’t tidy away. In the Figma desktop app, open any file, follow the path on the right and pick manifest.json.

Figma loads the plugin from this folder, so moving it to the bin is a bad day.

Plugins›Development›Import plugin from manifest
Crossfade
manifest.json
code.js
ui.html
Start here.txt
3

Copy one prompt

Run Crossfade from Plugins, Development. Pick your agent and copy the prompt.

That’s the real plugin on the right, so go on, click around. Crossfade is tested with Claude Code. Codex and Cursor should work the same way, but they haven’t been tested yet.

Live plugin
Crossfade
4

Paste it, then start fresh

Paste the prompt into a chat with your agent, not Terminal. It runs the commands and sets up the bridge by itself. Then start a new session, because agents only load new tools when they start.

The plugin spots when it’s done. If it doesn’t, press I’m done.

Set up Crossfade so you can work in my Figma files.
  • Added the Crossfade bridge
  • Found “Cabins” open in Figma
  • Start a new session to finish
Crossfade
5

Say the magic words

Paste your licence key into the plugin. One key covers two Macs, and restarting or reinstalling on the same Mac doesn’t use another.

Try it on the right. Any key works in this example, sadly not in the real one.

Live plugin
Crossfade
6

Ask for something

Select a layer, go to your agent and say what you want. Orange wires are edits going in, green ones are your agent reading. Need a first idea? Click one to copy it.

Live plugin
Crossfade

Almost there

Tick off the steps above and these two will meet.

If your agent doesn’t connect

  • Start a new session. Tools don’t load into one that’s already running.
  • Check the plugin is open in the Figma desktop app, not Figma in a browser.
  • Run the check below. If it lists your file, the bridge is fine and your agent needs a new session.
npx -y crossfade-bridge status

Set it up by hand

For Claude Code, run this in Terminal:

npx -y crossfade-bridge setup

For any other agent, add a stdio MCP server named crossfade, with the command npx and the arguments -y crossfade-bridge. Then start a new session.

Moving to a new Mac? Use the support contact on your Gumroad receipt and we’ll free up an install. Guides. Privacy. Crossfade is a plugin for Figma design. Not affiliated with or endorsed by Figma, Anthropic, OpenAI or Cursor.