Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Sytems

Mitchelle
March 27, 2019

Design Sytems

Mitchelle

March 27, 2019
Tweet

More Decks by Mitchelle

Other Decks in Design

Transcript

  1. Agenda 1. Introduction What is a Design System? (DS) The

    difference between a Design System and a UI kit 5. Building a Design System The benefits of consistent design 2. How do Design Systems work? 3. Open discussion 4. Design Consistency How to make our designs consistent Steps to Building a Design System Tools to use
  2. A design system is a collection of reusable components, guided

    by clear standards, that can be assembled together to build any number of applications.
  3. More like this Mike Ross (UI Kit) is an amazing

    Lawyer, but there is an extra level of finesse and precision that Harvey Specter (Design System) has reached, that Mike hasn’t gotten to yet.
  4. The system becomes the single source of truth for everybody

    within a company working on different digital channels.
  5. uct a visual audit • Create a visual design language

    • Create a UI or Pattern Color Typography Sizing and Spacing Imagery
  6. sual design language • Create a UI or Pattern library

    • Document what each co olor graphy d Spacing agery
  7. e a UI or Pattern library • Document what each

    component is, and when to use it.