Figma UX tutorial for beginners - Prototype

📄 2025 UX Career Guide (Free): alienacai.gumroad.com/l/uxroadmap
📖 My UX Design Career Accelerator: fasttrackux.com/
☕️ My Email List (Free): trillionscafe.substack.com/
📚 This video is part of my Figma UX tutorial series:    • Figma UX tutorial for beginners - Wireframe  

This beginner friendly tutorial video covers how to create a prototype with Figma. A prototype is an interactive representation of a product design, which UX teams use for testing before launch. As a UIUX designer, I create prototypes for all of my designs, after wireframing and mockups. By the end of this Figma tutorial, you will learn the main interactions you need to know to create a prototype: page-level vertical scroll, component level horizontal scroll, cross-pages interactions, and modals. I will also give you three more tips as a bonus.

Intro: (0:00)
Create a Figma prototype link: (1:13)
Page-level vertical scroll: (2:39)
Component-level horizontal scroll: (4:13)
Cross-pages interaction: (5:42)
Overlay/modal: (7:40)
Bonus tips: (9:07