Design topic

Design Systems

A design system is the point where craft becomes infrastructure: tokens, foundations, and governed components that let a team ship consistent work at speed. Study it after you can build solid components by hand, because a system is only as good as the craft it encodes.

Start here

EssentialWebsite

Atomic Design

Brad Frost

Brad Frost's free online book introducing atomic design: composing interfaces from atoms, molecules, organisms, templates, and pages.

It gives you the mental model most design systems are organized around: build complex UI from small, reusable parts. Read it before or alongside building a system so the vocabulary of atoms, molecules, and organisms clicks. The whole book is free online, so there is no reason to skip it.

Design SystemsintermediateFree3 hours