Design Β· Beginner

UI/UX Design Masterclass: Figma to Prototype

Go from a blank canvas to a polished, clickable prototype. Master design thinking, wireframing, visual hierarchy, and modern Figma workflows used by real product teams.

β˜…β˜…β˜…β˜…β˜… 4.8 (9,210 ratings) πŸ‘₯ 9,210 students πŸ“š 42 lessons ⏱️ 9h on-demand 🌐 English

Created by  Sophia Reyes Β· Last updated June 2026

What you'll learn

  • βœ” Apply design-thinking to solve real user problems
  • βœ” Build low- and high-fidelity wireframes in Figma
  • βœ” Master color, typography and visual hierarchy
  • βœ” Create reusable components and design systems
  • βœ” Design responsive layouts for web and mobile
  • βœ” Build interactive, clickable prototypes
  • βœ” Run usability tests and iterate on feedback
  • βœ” Present and hand off designs to developers
Course content

Curriculum

5 modules Β· 42 lessons Β· 9h total length

  • β–Ά Welcome & how to use this course 04:12
  • β–Ά What UX really means 11:30
  • β–Ά The design-thinking process 14:05
  • πŸ“„ User research basics 09:48
  • β–Ά Personas & journey maps 16:20
  • β–Ά Figma tour & setup 08:40
  • β–Ά Frames, shapes & the layout grid 13:15
  • β–Ά Auto layout deep dive 18:22
  • πŸ“„ Keyboard shortcuts cheat sheet 05:00
  • β–Ά Color theory for interfaces 15:10
  • β–Ά Typography & type scales 12:48
  • β–Ά Building components & variants 20:33
  • β–Ά Creating a mini design system 22:05
  • β–Ά Linking screens & flows 11:25
  • β–Ά Smart animate & transitions 17:40
  • β–Ά Building a clickable prototype 21:18
  • β–Ά Running quick usability tests 14:02
  • β–Ά Developer handoff with Dev Mode 12:55
  • β–Ά Building your case study 19:30
  • πŸŽ“ Final project & certificate 10:00
Your instructor

Meet Sophia Reyes

SR

Sophia Reyes

Senior Product Designer Β· ex-Airbnb & Figma community lead

4.8β˜… Instructor rating
28,600Students
14Courses
3,120Reviews

Sophia has spent over a decade designing products used by millions. She specialises in turning complex problems into clean, intuitive interfaces and loves helping new designers build confidence and a standout portfolio. Her teaching style is hands-on, friendly, and project-driven.

Student feedback

Reviews Β· 4.8 average from 9,210 ratings

JM Jordan Mills2 weeks ago
β˜…β˜…β˜…β˜…β˜…

β€œHonestly the best design course I've taken. The Figma sections are crystal clear and the final project gave me a portfolio piece that landed me interviews.”

PN Priya Nair1 month ago
β˜…β˜…β˜…β˜…β˜…

β€œSophia explains everything at the perfect pace. I went from never opening Figma to building a full prototype in three weekends.”

TC Tom Chen1 month ago
β˜…β˜…β˜…β˜…β˜†

β€œGreat content and structure. Would have loved a bit more on accessibility, but overall excellent value for the price.”

Keep going

Related courses

Learners who took this course also enrolled in these.

Ready to start designing? 🎨

Enroll today and join 9,210 students mastering UI/UX with Sophia. 30-day money-back guarantee.

Enroll for $59

Lifetime access Β· Certificate included