Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.
Learn how a scalable, repeatable design system leads to a more efficient design. Learn the components of a design system, and how to work with existing documentation.
A design system is a set of rules that guide the design of a website or app. Design systems help create predictable experiences for users, and help designers work more efficiently and build interfaces consistent with an organization’s visual brand without wasting time exploring design problems that have been solved already.
Chevron 4 steps7:28
5:06
4:12
5 questions
Design system documentation should specify clear rules for applying elements of style.
These design system building blocks include color, typography, spacing, image, and motion.
Chevron 7 steps5:54
5:36
5:36
6 questions
4:45
3:05
5 questions
In the User Interface Library, pieces of a design system’s visual design language are assembled together to create interactive elements.
Chevron 3 steps1:42
4:57
5 questions
Imagine your product as a living person. What terms would you use to describe its personality? Friendly and playful? Confident and loud? Formal and serious? A design system should guide copywriters towards keeping brand voice consistent and tone appropriate.
Chevron 3 steps3:12
4:39
5 questions
Anwar Montasir
Get personalized course recommendations, track subjects and courses with reminders, and more.
