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

Design System

Silm
January 27, 2018

Design System

A presentation on Design Systems at the Figma Nigeria Meetup

Silm

January 27, 2018
Tweet

More Decks by Silm

Other Decks in Design

Transcript

  1. Design is the bond, the intermediary between users & products

    Products vary but design (even if poor) is constant WHAT IS DESIGN? ⚡
  2. A design system comprises of several modules such as: Visual

    style guide, Design documentation, Components, Code usage guidelines etc A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications. WHAT IS A DESIGN SYSTEM? !
  3. A user’s experience is standardized even across products Products are

    developed & shipped faster Design systems help designers to make better decisions. BENEFITS OF A DESIGN SYSTEM !
  4. Helps onboard new team members Helps with Branding & Identity

    Insights derived from User Testing are more actionable A user’s experience is standardized & consistent across products Products are developed & shipped faster Design systems help designers to make better decisions. BENEFITS OF A DESIGN SYSTEM !
  5. Documentation = Dictionaries, Thesaurus Iteration = “Abracadabra” Organism = Phrases

    Molecules = Words Atoms = Alphabets DESIGN SYSTEM = ENGLISH LANGUAGE !!
  6. Accessibility Starting Huge & Selling Workflow Increasing Complexity Communication, Documentation

    & Versioning Ownership & Responsibility Continuos Iteration & Investment Organizational Support & Values Alignment WHY DESIGN SYSTEMS FAIL !"#