Getting started with Code Layers | Figma

Today, code layers moves into open beta. Now teams can explore and build prototypes backed by working code on the canvas. Designer advocate Anthony DiSpezio walks through starting from a codebase, exploring multiple variations with the agent, extracting designs into editable layers, and pushing changes to a GitHub branch for your team to review.


0:00 Intro
0:43 Starting from code
2:26 Explore code concepts on the canvas
3:57 Edit in both code and design
6:36 Merge ideas together

Rolling out now in open beta → https://figma.bot/ConfigIndia_codelayers

____________________________________________________

Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: / figma
LinkedIn: / figma
Figma forum: https://forum.figma.com/
#figma #codelayer