Design to production in a snap and how you can do it too?
summary
Claims a cut from two to three weeks down to near-instant iteration by matching design API to code API and shipping UI from server using Figma tooling. Uses Variants and Auto layout to create predictable components, organizes reusable snippets as stackable kits, and generates a server payload via a code generator plugin that produces code matching the variant panel. Demo shows generated code that mirrors the design; experiment is promising but not yet production ready.
AI-written summary · about
chapters (6)
- 0:00Introduction
- 0:55What the process looks like today?
- 4:30What can we do to improve it?
- 14:46Sneak peak into the future
- 20:08Designing in a snap demo
- 21:38Closing
related talks
17mThe rise of the design engineer
19mFrom brief to live prototype using a design-to-code tool
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow
21mDesign at the speed of startups
14mRethinking Designer-Developer Collaboration
18mDesign Systems in Practice
20mDesigning with the Precision of Code
12mThe future of design systems and AI