5 levels of Atomic Design 🚀
Dheeraj Mahra
Front End Developer @Active.Ai
Nov 2020
○ A design methodology introduced by Brad Frost (~5 years ago)
○ Focuses on modular and component-based design
○ Made for designing User Interfaces
○ from the universe
○ Let's think from the angle of chemistry
○ Everything around us is made up of atoms 🦠
○ atoms + atoms -----> molecules 💧
○ molecules + molecules -----> more complex organisms 💩
○ Easy to understand complex organisms,
○ if we have good knowledge of what it is made up of
Atomic chemistry idea + Brad Frost's 🧠 = ATOMIC DESIGN
○ Abstract and Concrete view of the UI
○ Separation between structure and content
○ Reusability
○ Modular Design
○ Maintainable project structure
○ Beautiful for creating Design Systems
"Talk is cheap, show me the code!"
○ Less reuse of componments
○ Small projects - overkill for small projects