Figma code layers

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.