Learnly
PublishedLast saved Oct 2

Design Systems in Practice

341 enrolled this month · 52% completion · 4.9 rating

Preview

4 sections · 14 lessons · 5 h 3 min

New lesson

SECTION 1Why systems

  1. 01Welcome & the system we'll buildvideo · 5 min
  2. 02What a design system is (and isn't)video · 12 min
  3. 03Auditing the UI you already havevideo · 14 min
  4. 04Check-in: systems thinkingquiz · 5 min

SECTION 2Design tokens

  1. 05Naming color, type and spacing tokensvideo · 15 min
  2. 06Light, dark and brand themesvideo · 13 min
  3. 07Reading: token naming conventionsreading · 8 min
  4. 08Project: build a token setproject · 50 min

SECTION 3Components

  1. 09Anatomy of a good componentvideo · 14 min
  2. 10Variants, states and propsvideo · 16 min
  3. 11Quiz: component APIsquiz · 8 min

SECTION 4Docs and adoption

  1. 12Writing docs people actually readvideo · 12 min
  2. 13Versioning and contributionvideo · 11 min
  3. 14Final project: ship a mini systemproject · 120 min