AdvancedAdvanced
Design Systems at Scale
Build a production-ready component library that your whole team can maintain.
★ 4.9 (178 ratings)👥 290+ students⏱ 6 weeks📚 23 lessons
$350
Lifetime access · All materials included
Enroll nowAsk a question- ✓ 4 modules, 23 lessons
- ✓ Portfolio project in every module
- ✓ Private community access
- ✓ Certificate of completion
- ✓ 14-day money-back guarantee
What you'll learn
- Audit an existing product and define system scope
- Architect a token-based Figma library
- Write component documentation engineers love
- Set up versioning and a changelog workflow
- Run design system office hours and governance
- Measure system adoption and justify ROI
Curriculum — 4 modules
Foundations & Audit
Week 1What makes a design system worth building — and how to audit what you already have.
4 lessons
Token Architecture
Week 2Semantic tokens, theming, dark mode, and connecting Figma variables to code.
6 lessons
Component Design & API
Weeks 3–4Composable components, variant strategy, and writing specs that bridge design to code.
8 lessons
Documentation & Governance
Weeks 5–6Storybook, Supernova, contribution guides, and keeping your system alive.
5 lessons
Frequently asked questions
- Is this for designers or engineers?
- Both — but the primary lens is design. Engineers who pair with designers will benefit greatly.
- Do I need an existing product to practice on?
- No — we provide a starter product case for projects. Applying it to your own product is also encouraged.
- What tools are covered?
- Figma (variables, libraries), Storybook basics, and Notion for documentation.
- How is this different from a Figma tutorial?
- We focus on system thinking and team collaboration, not Figma features in isolation.