Prototyping
Course Index
28 Lessons · 3 Sections
Master UX prototyping — from paper sketches to high-fidelity interactive prototypes in Figma, Framer & ProtoPie. Covers micro-interactions, animated transitions, usability testing & developer handoff. Includes 4 production prototypes: mobile app, web app, design system & complex interactive flow.
28Lessons
3Sections
4Projects
FreeAccess
Section 1Prototyping Fundamentals & Figma CoreLessons 1–10
Lesson 1
What is Prototyping? Why It Matters
Lesson 2
Prototype vs Wireframe vs Mockup
Lesson 3
Prototyping Fidelity: Choosing the Right Level
Lesson 4
Paper Prototyping & Rapid Sketching
Lesson 5
Figma Basics: Frames, Connections & Flows
Lesson 6
Triggers, Actions & Animations in Figma
Lesson 7
Smart Animate: Smooth Transitions
Lesson 8
Interactive Components & Component States
Lesson 9
Variables & Conditional Logic in Figma
Lesson 10
Scrolling, Overflow & Fixed Elements
Section 2Advanced Interactions, Handoff & TestingLessons 11–22
Lesson 11
Gesture-Based Interactions: Swipe, Drag & Pinch
Lesson 12
ProtoPie: Advanced Conditional Prototyping
Lesson 13
Micro-Interactions: Designing Feedback Moments
Lesson 14
Overlay & Modal Prototyping
Lesson 15
Form Prototyping: Input, Validation & Error
Lesson 16
Prototyping with Real Data & Variables
Lesson 17
Prototyping for Mobile vs Desktop
Lesson 18
Sharing & Presenting Prototypes
Lesson 19
Prototype Handoff: Specs & Motion Docs
Lesson 20
Usability Testing with Prototypes
Lesson 21
AI Prototyping: Lovable, Uizard & Figma AI
Lesson 22
From Prototype to Code: Dev Handoff
Section 3Best Practices, 2026 Trends & ProjectsLessons 23–28
Lesson 23
Prototyping Best Practices & Common Mistakes
Lesson 24
Prototyping Trends 2026: AI & Code Prototypes
Lesson 25
Build a High-Fidelity Mobile App Prototype
Lesson 26
Build an Advanced Micro-Interaction System
Lesson 27
Build a ProtoPie Complex Interaction Flow
Lesson 28
Build & Test a Prototype with Real Users