Figma UX tutorial for beginners - Prototype

Aliena Cai โ€ข December 12, 2022
Video Thumbnail
Aliena Cai Logo

Aliena Cai

@alienacai

About

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]

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)