Design with Code Layers | Figma
7.1万 次观看 · 2026-10-15
UI 设计
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: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/
Trademarks owned by their respective owners
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: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/
Trademarks owned by their respective owners