Figma UX tutorial for beginners - Prototype
Aliena Cai
@alienacaiAbout
Hi! ๐ Iโm Aliena Cai โ I talk about ๐ฑ๐ฒ๐๐ถ๐ด๐ป, ๐ฏ๐๐๐ถ๐ป๐ฒ๐๐, ๐ฎ๐ป๐ฑ ๐๐ฒ๐ฐ๐ต. I started this channel when I was unemployed in 2021, desperate for a UX design job. Since then, I've built a personal brand, landed a senior product design role at eBay Advertising, and eventually quit to start my own business, Aliena Design LLC. I spent a year creating a design career bootcamp, Fast Track UX, to fill the gaps in most design education programs which has now became a Figma Trusted Education Partner! Now I'm making more videos and edutainment about design, tech, and business. Enjoy. Thanks for joining me on this personal and professional growth journey ๐ฑ ๐ My UX Design Bootcamp: https://fasttrackux.com ๐ฎ [email protected]
Latest Posts
Video Description
๐ 2025 UX Career Guide (Free): https://alienacai.gumroad.com/l/uxroadmap ๐ My UX Design Career Accelerator: https://fasttrackux.com โ๏ธ My Email List (Free): https://trillionscafe.substack.com/ ๐ This video is part of my Figma UX tutorial series: https://www.youtube.com/watch?v=D4NyQ5iOMF0&list=PLKId0A0XCIbUYx3c_NYn13W9Z_kkIiA2m 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)
You May Also Like
Crafting Kit Essentials
AI-recommended products based on this video



















