Designing with Code
summary
The talk examines tools and workflows that bridge visual design and frontend code, questioning whether code-free design UIs are the right solution. It presents a combined approach where designers create visually while producing production-ready HTML and CSS, and surveys different methods for generating usable frontend code from visual design.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 3:13Design workflow challenges
- 10:54Design-dev communication
- 16:55Design systems role
- 19:26Workflow 1: Design-code split
- 25:28Workflow 2: Design with real data
- 29:40Workflow 3: Code as core
- 33:50Visual coding tools comparison
- 41:32Frame visual coding example
- 46:12Summary
