Code on the Figma canvas

This post introduces 'code layers' on the Figma canvas, allowing interactive code to be directly integrated and iterated upon within design files. It details how users can add code layers from the toolbar, generate them from existing frames using an agent, or import entire codebases. The functionality allows for comparing design alternatives by moving elements and receiving immediate code responses, and for extracting designs back into editable Figma layers. It also highlights collaborative features where teammates can comment and prompt against the same code layer.