Is Atomic Design Dead?
summary
Claim: Atomic Design still provides the mental model for connecting a design system to real product pages, not just isolated components. Tools used: Figma libraries, Storybook, web components, design tokens, zeroheight, Open UI efforts, plus LLMs (GPT/Claude) that convert YAML/specs or Figma/sketch inputs into themed web components. Built examples: PetSmart system, Nike checkout conversion, GOV.UK PDF→web prototypes. Surprising stat: WebAIM finds ~50 accessibility issues per page. Outcome: generated components are functional and accelerative—Atomic Design still works and AI + design systems scale reuse.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 0:31Evolution of web design
- 3:06Rise of design systems
- 8:57Atomic design principles
- 12:35Design systems in practice
- 16:12Standardizing web UI
- 18:57The future of the web
- 22:35AI in design workflows
- 26:16AI-powered experiences
- 30:48Radical personalization
- 34:35Beyond the rectangle
- 38:03Q&A and conclusion
related talks
37mIs Atomic Design Dead?
32mAtomic Design Theory in Practice
44mAtomic Design and Storybook to Boost Frontend Dev Productivity
30mAtomic Design: Breaking Up is Hard to Do
27mAgile Atomic Design - Experiences from the reality
28mBetween Design and Implementation in Atomic Design
12mThe future of design systems and AI
29mAre Design Systems Ready for the AI Revolution?