Skip to content

Instantly share code, notes, and snippets.

@onlurking
Created September 8, 2020 18:06
Show Gist options
  • Save onlurking/2e0f0c63d489a69627b9f589eb7dde4b to your computer and use it in GitHub Desktop.
Save onlurking/2e0f0c63d489a69627b9f589eb7dde4b to your computer and use it in GitHub Desktop.
Design Systems 101 Syllabus

Design Systems 101 Syllabus

A 10-week course about design systems from SuperFriendly

Week 1: Introduction to Design Systems

Discussion

  • Introductions
  • What is a design system?
  • Introduce final project: 3 or more websites/apps powered by a single design system + case study of process (include videos, photos, and sketches)

Lecture

Design System roundup

Work

Week 5: Deviating from the System 🔗

Week 2: Processes, Workflows, and Frameworks

Discussion

  • Review builds
  • Choose designer or developer distinction
  • Who here has built a site or an app before? What's your process for building sites and apps?

Lecture

  • Waterfall vs. Agile
  • The types of Agile
  • Hot Potato
  • Creating with a design system
  • Work in public

Work

Week 3: Tooling

Discussion

  • Review time-lapses
  • The nuts and bolts of design systems; how-tos.

Lecture

  • Pilots
  • Tooling
    • Development tools
    • Design tools
      • Sketch
      • Figma
      • Photoshop

Work

Week 4: Reference Sites

Discussion

  • Review hello world examples
  • Reference sites

Lecture

Work

Week 5: Deviating from the System

Discussion

Review reference sites

Lecture

  • Following the system vs. deviating from it
  • Miscellaneous time for knowledge gaps

Work

Officially start on final project

Week 6

  • Work on final project
  • Open office hours; sign up for 15-minute breakout room

Milestone suggestions

  • Pilot 1 should be built
  • Reference site should be 30% complete
  • Case study should be 30% complete

Week 7

  • Work on final project
  • Open office hours; sign up for 15-minute breakout room

Milestone suggestions

  • Pilots 1 and 2 should be built
  • Reference site should be 60% complete
  • Case study should be 60% complete

Week 8

  • Work on final project
  • Open office hours; sign up for 15-minute breakout room

Milestone suggestions

  • Pilots 1, 2, and 3 should be built
  • Reference site should be 90% complete
  • Case study should be 90% complete

Week 9

  • Work on final project
  • Open office hours; sign up for 15-minute breakout room

Milestone suggestions

  • Finishing touches and final polish
  • Last minute reviews

Week 10: Demo Day!

Final project due 1 second before final class begins

  • Celebrate!
  • Take a deep breath
  • Retrospective discussion
  • Send-offs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment