Design system
A design system is a living set of documents specifying Design principles, Design guidelines, and UI components for a product or organization.
UI components are often organized into a Component library with accompanying code examples.
Design systems are often made up of:
- Design principles
- Design guidelines (i.e., style guide)
- Component library
These components can be assembled to build any number of applications, helping teams expedite and scale their productivity in a consistent manner.
Design systems are a product serving other products, made up of many parts. As such, it’s important to Version individual components rather than an entire design system.
- Explore differences between visual styles, writing styles, and behavioral styles.
Reference
Zack Rutherford. “Design Systems vs. Pattern Libraries vs. Style Guides - What’s the Difference?” Studio by UXPin, 29 Sept. 2017, www.uxpin.com/studio/blog/design-systems-vs-pattern-libraries-vs-style-guides-whats-difference/. Accessed 1 Mar. 2021.