A visual component library, typically created as a symbol library in a tool such as Sketch, to create consistency and reuse in designs and speed up the design process. Design Systems can extend from documentation and design specifications all the way to installable code libraries of approved components.
Example
Example of part of a design system specification (blurred to protect client privacy) that details visual requirements and component behaviors including but not limited to: Definitions, Comparisons, Examples, Principles, Usage Guidelines, Placement (desktop and mobile), Anatomy, Types and Style Variations, Layout Variations, etc.
View Website >
Example
Design System Library
