Design System Works

Learn to build a design

Learn to build a design system that

Learn to build a design

system that

works for you

Launching our first beginner-friendly course for small teams and designers to learn how to build a bespoke design system from scratch.

Join Waitlist

See Syllabus

Module 1
Intro to Design System
What is a design system?
Structure of a design system
Industry best practices
Module 2
Audit and Prioritization
Design audit
Brand refresh and visual design
Prioritization
Module 3
Global Styles
Figma file structure
Set up global styles
Color
Typography
Spacing
Grids
Module 4
Design Tokens
What are design tokens?
Why do we need design tokens?
Layers of design tokens
Naming convention
Module 5
Components
The build process
Start building now
Basic components
Advanced components
Patterns
Module 6
Documentation & Handoff
Documentation with AI
Handoff process

Module 1
Intro to Design System
- What is a design system?
- Structure of a design system
- Industry best practices
Module 2
Audit and Prioritization
- Design audit
- Brand refresh and visual design
- Prioritization
Module 3
Global Styles
- Figma file structure
- Set up global styles
  - Color
  - Typography
  - Spacing
  - Grids
Module 4
Design Tokens
- What are design tokens?
- Why do we need design tokens?
- Layers of design tokens
- Naming convention
Module 5
Components
- The build process
- Start building now
  - Basic components
  - Advanced components
  - Patterns
Module 6
Documentation &
Handoff
- Documentation with AI
- Handoff process

Join Waitlist

Be the first to know

Join the first 100 design system enthusiasts on the waitlist to be among the first to gain access to our FREE course.