← All courses
🧩Advanced
Design Systems Pro
Build a real design system — tokens, typography and spacing scales, accessible components, documentation and governance. Hands-on with live CSS so you see tokens turn into UI.
12 lessons · 12 lessons
Share
₦5,00080% OFF
₦25,000 save ₦20,000
Offer ends in …
What you'll learn
- Design tokens
- Type & spacing scales
- Component systems
- Docs & governance
Curriculum
4 modules · 12 lessonsModule 1Foundations of design systems3 lessons
What a design system actually isPreviewDesign tokens: the atomsPreviewNaming, tiers and themes
Module 2Scales: type & spacing3 lessons
A typographic scale
A spacing & sizing scale
Colour, contrast and accessibility
Module 3Components & patterns3 lessons
Anatomy of a component
Building a button system
Composing patterns from components
Module 4Documentation, governance & tooling3 lessons
Documenting the system
Versioning, contribution & governance
Tooling: Figma libraries to code
Reviews
No reviews yet.
