
Design, code and specs together on one Figma canvas
Figma’s code layers put working code on the design canvas, next to the designs. Create one from a frame, a GitHub repo, a webpage via Chrome extension, or by asking the Figma agent. Compare options side by side, and turn a code layer’s states back into editable layers. Figma Specs add design and technical requirements on the canvas, and Payload connects data to Make. Public beta.
Figma's code layers integrate working code directly onto the design canvas, allowing users to create code from various sources and compare options side by side. The tool also features Figma Specs for adding design requirements and Payload for data connectivity, currently in public beta.
A source that found nothing is a measurement. A source that has not run is a gap. Neither means the launch lacks the thing.