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
From the course: UX Foundations: Style Guides and Design Systems
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.