Atomic Design by Brad Frost

A sound design system doesn’t roll off an

assembly line, but is rather sculpted in iterative loops, building up fidelity as the project progresses

For teams to build successful user interface design systems

together, it’s crucial to treat front-end development as a core part

of the design process

You can have all the right technologies in place, use the latest and

greatest tools, and even have extraordinarily talented individuals

on board, but if everyone involved isn’t actually cooperating and

communicating with one another then you’re not going to create

great work

The design process is weird and complicated, because people

are weird and complicated.

- Mark Boulton

But atomic design is not rigid dogma. Ultimately, whatever

taxonomy you choose to work with should help you and your

organization communicate more effectively in order to craft an

amazing UI design system.

think of the stages of atomic design as a mental

model that allows us to concurrently create final UIs and their

underlying design systems

Atomic design is a methodology composed of five distinct stages

working together to create interface design systems in a more

deliberate and hierarchical manner

Atomic design is not a linear process, but rather a mental model to help us think of our user interfaces as both a cohesive whole and

a collection of parts at the same time

Without thinking of broader audiences, style guides may come

across as too vague or too technical, which can intimidate other

disciplines and lead them to believe these resources aren’t for them

Style guides should be attractive, inviting, visible,

clear, and easy to use. As mentioned above, they should be aware

that a whole host of audiences will be viewing them, so should

therefore aim to be welcoming and useful for as many people

as possible