Copy your PBX variations into Figma as editable layers

PBX Ship allows testers to hand off winning variations to developers, acting as an MCP server to allow them to work on variations built in PBX in their own codebases. If a designer wanted to refine a variation further, however, or if the developer prefers to work in Figma, they needed to take extra steps to get the design in there.

Similarly, PBX Build can already take a Figma mockup and turn it into a variation you can test, but going the other way wasn't possible. Once your variation was finished, or once it won, it stayed in Kameleoon. If you wanted it in Figma, you had to take a screenshot and re-build it by hand.

With Copy to Figma, now live in PBX Build, you can copy any PBX variation into Figma as editable layers. 

Now the loop goes all the way around: Figma → PBX Build → experiment → winner → back to Figma.

How to copy a PBX variation to Figma

When PBX Build finishes a variation, you'll see the "Your version is ready" card. Open the three-dot menu on it and click Copy to Figma.

You can also start from the Experiments dashboard. Open the menu on a PBX experiment card, click Copy to Figma and pick a variation. It opens in the PBX editor and you carry on from there.

PBX takes a moment to package the variation and shows you each step. When it's done, click Copy to clipboard. Then open your Figma file and paste with Command (⌘) + V (Mac) or Ctrl + V (Windows).

What you paste converts to regular, editable Figma layers. You can change the text, adjust the spacing, restyle, or use it to update your own components.

There's no plugin to install and no account to connect.

Turn a winning test into your new design baseline

Imagine you want to test moving the size guide on your product page. The original uses a link below the fold, and the variation puts it in the buy box. The new version wins.

Up to now, a designer could screenshot the winner and rebuild the buy box in Figma or ask the CRO team what exactly changed. Either way, until someone gets to it, the design file still has the old buy box, meaning the next test on that page still has to start from the version that lost.

With Copy to Figma, whoever reviews the result copies the winner from PBX and pastes it into the product page file. Your designer can update the buy box from there, and your design system matches what worked in the test.

If you run the testing program, this also takes a request off your plate. Your designers can open the Experiments dashboard and grab the variation themselves, so they don't have to ask you to pull it out.

Prototype in PBX, keep refining in Figma

You don't need a winner to use Copy to Figma. Any variation in the editor can be copied, including ones you never plan to launch.

That means you can describe an idea in a prompt, let PBX Build put it together on your actual page, and then bring it into Figma to keep working on it with your team.

It's handy for designers who want to see an idea on the real site before they spend time polishing it. It also gives marketers and product managers who don't spend much time in Figma something concrete to hand a designer, instead of trying to describe what they have in mind.

Hand off to developers from the file they already use

Like PBX Ship, Copy to Figma allows testers to hand off variations to developers without losing context or quality. Once the winner is in Figma, developers can build it from the same file they use for every other change, which means that nobody has to go into Kameleoon and read through variation code to work out what should go to production.

What to know before you paste

Copy to Figma works best on simple, mostly static variations. If a variation has a lot of interactive elements, it may not come across cleanly.

PBX also only copies the part of the page it built. If you want the rest of the page for context, paste into the Figma file where that page already lives.

Try Copy to Figma on your next variation

Next time you've got a PBX variation you want in Figma, open the three-dot menu and copy it over.

To learn more about how Copy to Figma works, this help doc walks you through each step.