Design Systems Terms (nn/g study guide)

Question 1

Design System

Answer 1

A complete set of standards intended to manage design at scale using reusable components and patterns

Question 2

Design Repository

Answer 2

Place where design elements are stored (style guide, component library, or pattern library)

Question 3

Style guide

Answer 3

Contain specific implementation guidelines, visual references, and design principles for interfaces.

Most common style guide: branding guide

Question 4

Component Library (aka design libraries)

Answer 4

Houses predetermine, reusable UI elements used by designers and developers

Contains:
-Component name: name of component

-Description: what component is an how it’s used (includes dos and don’ts od use for context and clarification)

-Attributes: varibles and adjustments that can be made to customize or adapt the component for different purposes (i.e. color, size, etc)

-State: recommended defaults and subsequent changes in appearence

-Code Snippets: actual code for element

-Front-end and back-end frameworks

Question 5

Pattern Library

Answer 5

Houses predetermined, reusable UI-element groupings (i.e. headings, breadcrumbs, etc)