Designing with Code in Mind
summary
Argument: designers who ship code remove endless back-and-forth by implementing and tweaking UI themselves. Practical evidence: fixes to spacing in Kibana maps and a new color picker prototype get turned into a draft in Elastic UI, pushed as a GitHub pull request, typed with TypeScript, auto-generating a preview page. Workflows shorten and debates stop repeating; components land in the codebase and are actually used in apps rather than living only as static Figma screens.
AI-written summary · about
chapters (6)
- 0:00Start
- 8:16Advantages of Designing with Code
- 13:36Color Picker Component
- 20:53How Do You Handle those Cases Where the Design System Does Not Have What You or the Designer Wants To Achieve but You Are Not Allowed To Change the Design System
- 22:54How Did You Get into Coding as a Designer
- 24:52Do You Have any Tips How To Make It Easier as Being a Developer To Bring Designers into Coding
related talks
14mRethinking Designer-Developer Collaboration
14mDesigning UIs without a UI designer
55mDesigning with Code
15mHoly War between Designers & Developers
23mDevelopers, start designing!
40mNavigating engineering-focused environments
01h 02mShould Designers?
52mDesign Engineering: The next era of Software Design