Design Systems from Scratch
Tokens, components, and the documentation that makes them usable.
What you’ll learn
- Design tokens and how to set them up in Figma
- Component architecture that scales across products
- Documentation that developers actually read
- Governance and contribution models
- Measuring adoption and improving it
About this course
A course for designers who want to build or maintain a design system. We cover tokens, component architecture, documentation, governance, and adoption — the parts that decide whether your design system gets used or abandoned. Taught by a design lead who shipped the PhonePe system.
Curriculum
6 modules · 52 lessons · 18h
1Design tokens
2 lessons
Design tokens
2 lessons
The foundation of any design system.
- What are design tokensPreview14 min
- Setting up tokens in Figma20 min
2Component architecture
2 lessons
Component architecture
2 lessons
Building components that scale.
- Variant properties18 min
- Component composition22 min
Requirements
- Figma proficiency
- 1+ year of product design experience
Who this course is for
- Product designers building their first system
- Design leads responsible for consistency
- Designers who want to level up on systems thinking
Your tutor
Design Lead at PhonePe · Pune
Product designer who has shipped fintech UX at scale. Led the PhonePe redesign in 2022. Teaches design systems and interaction design with the constraint-first approach used in real product teams.
Student reviews
4.7
98 ratings
Ishita Goyal
28 Aug 2024
Exactly what I needed
I was handed the “build us a design system” task at my startup and had no idea where to start. This course gave me the blueprint.