Design Systems in Figma
Tokens, components and documentation teams actually use
4.8(904 ratings)7,340 learnersUpdated Oct 2026 · English · CC· 1h 21m
MOCreated by Maya Okafor· Updated Oct 2026What you'll learn
- Set up tokens and variables
- Build scalable components
- Document and govern a system
Build a design system from scratch in Figma: tokens, components, variants, documentation and the process to keep it alive.
Course content
3 sections · 7 lessons · 1h 21m total length
1 · Foundations2 lessons · 20m
- 1.2 Tokens and variables12:10
2 · Components3 lessons · 41m
- 2.1 Buttons and inputs13:40
- 2.2 Variants and properties12:55
- 2.3 Complex components14:30
3 · Operations2 lessons · 20m
- 3.1 Documentation10:20
- 3.2 Versioning and adoption9:45
Instructor
MO
Maya Okafor
Product designer, ex-design lead at two fintechs · 35,974 students · 5 courses
Maya has designed products used by millions and has mentored over 300 junior designers. Her classes are hands-on: every lesson ends with a screen you can put in your portfolio.
Learner reviews
No reviews yet. Learners can review once they've started the course.