From the course: UX Foundations: Style Guides and Design Systems

Unlock the full course today

Join today to access over 24,700 courses taught by industry experts.

Index of components

Index of components

- The main section in a design system's documentation is the list of all the components in that system. At its heart, this is a pattern library, a collection of all the pieces of interface that could be plugged together to build screens and workflows. But in a good design system this list is more than just a pattern library because it doesn't just describe the patterns, it also provides the code necessary to create and use them. Companies choose many different ways of organizing this content. Some start with the most basic blocks, like buttons, text boxes, and so on, and then they build up through levels of abstraction to templates and whole pages. Others only list fully-built interface components that are ready to use, like date pickers, accordions, login dialogues, and checkout forms. For instance, one common scheme is to use what are called atoms, molecules, organisms, templates, and pages. Each level in this system builds…

Contents