BESTSELLER
UI/UX Design Masterclass: Figma to Prototype
Research, wireframes, UI and interactive prototypes — one complete project
4.8(2,341 ratings)18,420 learnersUpdated Oct 2026 · English · CC· 3h 22m
MOCreated by Maya Okafor· Updated Oct 2026What you'll learn
- Run quick user research
- Design clean, accessible interfaces
- Build interactive prototypes in Figma
- Present your work like a pro
Design a complete mobile app from research to a clickable prototype. You'll learn the UX process, visual design fundamentals and Figma's best features — auto layout, components and variables — and finish with a case study for your portfolio.
Course content
6 sections · 19 lessons · 3h 22m total length
1 · Welcome2 lessons · 13m
- 1.2 Setting up Figma7:45
2 · UX research3 lessons · 33m
- 2.1 User interviews12:10
- 2.2 Personas that help9:35
- 2.3 Journey maps10:50
3 · Wireframes3 lessons · 24m
- 3.1 Information architecture11:20
- 3.2 Low-fi wireframes13:05
- 3.3 Quiz: UX basics4 Qs
4 · Visual design4 lessons · 44m
- 4.1 Typography12:40
- 4.2 Color and contrast11:55
- 4.3 Spacing and grids10:30
- 4.4 Icons and imagery9:15
5 · Figma power features4 lessons · 52m
- 5.1 Components and variants14:10
- 5.2 Auto layout deep dive15:25
- 5.3 Variables and modes12:45
- 5.4 Design tokens10:05
6 · Prototype and present3 lessons · 35m
- 6.1 Interactive prototypes13:30
- 6.2 Usability testing11:40
- 6.3 Writing your case study9:50
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
Best Figma course I've taken. The auto layout section alone was worth it.
Practical and kind. I finally have a case study I'm proud of.