Skip to main content
Specialized Digital Design

Figma Prototyping & Interactions

Build Figma prototypes that feel like real software

12 lessons4 modules9h 20m durationbeginner level

Instructor: StretchLearn Faculty

About this course

This course teaches the modern Figma prototyping toolkit: variables (string, number, boolean, and color), conditional if-and-else logic with the Set Variable and Conditional actions, multi-state interactive components, overlays and sticky scrolling, and the timing and easing that make motion feel right. You will build prototypes that capture typed input, branch based on what a user does, count items in a cart, toggle dark mode from a single boolean, and validate a form, then prepare and moderate a usability test and present the result convincingly to stakeholders. Every technique uses the real Figma feature names and panels so you can rebuild it immediately.

Curriculum

Module 1: The Prototyping Mindset and Core Interactions3 lessons
Module 2: Variables: Giving a Prototype Memory3 lessons
  • What Variables Are and the Four Types🔒45m
  • Capturing Input and Showing Dynamic Text🔒45m
  • Counting, Calculating, and Theming with Variables🔒50m
Module 3: Conditional Logic and Interactive Components3 lessons
  • Conditional Logic: If, And, Else🔒50m
  • Multi-state Interactive Components with Variants🔒50m
  • Combining Variables, Conditionals, and Components🔒50m
Module 4: Overlays, Testing, and Stakeholder Demos3 lessons
  • Overlays, Swap Overlay, and Sticky Scrolling🔒45m
  • Preparing and Moderating a Usability Test🔒50m
  • Presenting the Prototype to Stakeholders🔒45m
Powered by StretchLearn