

Storybook and design-driven development with Amy Dutton
Nov 7, 2023
Amy Dutton, lead maintainer at Redwood.js and web development educator, talks about design-driven development, the value of collaboration, and the benefits it brings, such as easy iteration and customer feedback. They discuss Storybook's role in enabling design-driven development by documenting design iterations and components, showcasing interactive testing capabilities, and the new component Story format. They also mention the evolution of Storybook, including living documentation, TypeScript integration, unit testing, and visual regression testing.
AI Snips
Chapters
Transcript
Episode notes
Design-Driven Development Defined
- Design-driven development prioritizes building desired features, not just aesthetics.
- It's a collaborative process, not a designer vs. developer battle.
Design Iteration and Feedback
- Designers can cheaply iterate designs, from sketches to high-fidelity mockups, gathering continuous feedback.
- This low-cost iteration ensures developers build features backed by user research.
Benefits of Design-Driven Development
- Design-driven companies see significant cost reductions and productivity increases.
- This approach minimizes wasted developer time on unwanted features.