26
Lessons
6.5h
Total duration
4
Projects
Cert.
On completion
Course content
26 lessons · 6h 32mIntroduction to Design Systems
45m · 4 lessons
Complete
- What is a design system? 12:30
- Anatomy: tokens, components, docs 8:45
- Choosing the right tools 14:20
- Section overview & resources 10:00
Design Tokens Deep Dive
1h 20m · 7 lessons
- Naming conventions and tiers 16:00
- Color tokens: semantic vs primitive 18:00
- Spacing, radius, and shadow tokens 14:30
- Typography tokens 12:00
- Token JSON schema and tooling 10:00
- Cross-platform distribution 9:00
- Token versioning strategies 10:00
Building Components
2h 10m · 9 lessons
- Component API design principles 15:00
- Variants, states, and sizes 18:00
- Accessibility baked in 20:00
- Composition patterns 16:00
- Testing components 14:00
- Theming and customisation 17:00
- Documentation standards 11:00
- Code review checklist 8:00
- Publishing to npm 11:00
Documentation & Adoption
1h 15m · 6 lessons
- Storybook setup and configuration 14:00
- Writing effective component stories 12:00
- Automated visual regression testing 10:00
- Driving adoption in your organisation 16:00
- Change management and versioning 9:00
- Course wrap-up and next steps 14:00