Free Online Course: Introduction to Design Systems Course provided by Treehouse is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge. Introduction to Design Systems Course is taught by Anwar Montasir.
1-2 hours worth of material
Self Paced
Learn how a scalable, repeatable design system leads to 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 web site 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
