Figma Code Layers Let You Compare Three Working Prototypes Side by Side

Figma's workflow lab of 4 November 2026 walks through adding a delivery address button to a fictional app. The designer clones the app's main branch into a code layer, then asks the Figma agent for three versions of the button. The result is three working options on one canvas.

Our take is that the side by side comparison is the valuable bit. Design reviews often fall apart because each option lives in a different link or a different tool. Putting working versions next to each other, with comments and a spec, makes the decision easier.

The workflow also lets you extract a code layer back into editable design frames, change spacing or labels, and send the edits back. That two-way step is what stops it being a one-off demo.

A caution. Code layers are in open beta, so expect some rough edges, and treat the output as a prototype for developers to review, not code to ship. The post itself keeps a spec on the canvas that flags backend work.

If you run design reviews, try one with three agent-made options for a single small feature. You will quickly learn whether it saves time for your team.