A Developer's guide to the Design Process
summary
Studio buUuk (SketchKit, Mail to Self) lays out a concrete design pipeline: requirements → exploration → creation → build → release, with testing running throughout. Practical tactics: sketch on a whiteboard, paper wireframes to avoid wasted mockups, and rapid prototypes in InVision (including video), Marvel, Principle or FramerJS to validate interactions. A quick 22‑second gut test with 20 style slides reveals visual direction. Deliver detailed UI specs (or export via Zeplin) so developers get pixel-accurate builds and fewer reworks.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 1:15The plight of clients
- 3:50Building products
- 4:20Collaboration
- 5:30Clients
- 7:20Why Design
- 7:35The Design Process
- 9:50The User Process
- 10:30The Process
- 12:15Requirements Phase
- 19:00Problem Phase
- 20:50Magic Coin
- 23:35Wireframes
- 24:50tools
- 25:50wireframe
- 26:55prototyping
- 28:25prototypes
- 32:35UI specs
- 34:00Wrapping up
related talks
48mGet your screen together: Design skills for frontend people
22mDesigned. an introduction to design for developers
33mA Modern Designer's Workflow
38mEnough Design
40mThink Like a Designer
34mDesigners, Developers, Let’s Create the Difference!
55mFrom Squiggles to Straight Lines: Sketch To Make Decisions & Get On With It
45mDesign Tools and Handoffs*