Advanced Prototyping in Figma: Realistic App Design | Smart animate, Variant interaction
🚨 Duplicate the exercise file to follow along - https://www.figma.com/community/file/...
Thanks for watching, TD 💛
☕️ Buy me a tea - https://buymeacoffee.com/tdsunshine
☆ Try Figma For Free - https://psxid.figma.com/xnd9l
🍿 WHAT TO WATCH NEXT :
1. Figma Compontets - • Figma Components | Master Variants and Com...
2. Figma Auto Layout - • Figma Auto Layout | Master AutoLayout in 1...
3. Prototyping updates 2023 - • Figma's NEW Prototyping Update (Sticky Scr...
👋🏼 IF YOU ARE NEW HERE :
Hey you! 😃
Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't forget to hit that subscribe button and the like button as well 👍🏼.
I'd love to hear your ideas and suggestions for my next video, so feel free to drop a comment below. Your support means a lot and it helps me keep the channel going and growing!
👾 MY GEAR :
Blue Yeti Microphone https://amzn.to/3qACorF
Tripod ring light https://amzn.to/43G7flv
Neon sign https://amzn.to/3NcwxAs
Fairy lights https://amzn.to/443l518
🌼 CHAPTERS :
00:00 Intro
00:18 Variant Interaction #1 - Form
04:06 Variant Interaction #2 - Navigation Hover State
06:44 Important Tip
08:40 Smart Animate #1 - Progress Bar
13:44 Smart Animate #2 - User Action Feedback
16:52 Stateful Prototyping
19:55 Summary
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #prototype #prototyping #smartanimate