From the course: Adobe XD: Building a Responsive Component Library

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

The advantages of atomic design

The advantages of atomic design - Adobe XD Tutorial

From the course: Adobe XD: Building a Responsive Component Library

Start my 1-month free trial

The advantages of atomic design

- [Instructor] If you're following along with me, you're going to want to navigate to the nested components artboard in the responsive components section. Now that we have a good sense of how to create a component, let's talk a little bit about nesting them inside of one another and the advantages there. If you follow the design trends around experience design, there's a school of thought around building a design system using the atomic design methodology. This was pioneered by Brad Frost, and if you search the internet, there's some really great writing about this, if it's new to you. In that mindset, interface design can be compared to chemistry, where you have a hierarchical structure to your design content, from atoms, to molecules, up to organisms, then templates, and pages. Nested components offer the ability to both build that hierarchy, and have total control over any one element. So if you were to change, let's say…

Contents