Advanced Prototyping in Figma: Realistic App Design | Smart animate, Variant interaction
7.8K views · 2023-04-26
Interaction & UXUI Design
🚨 Duplicate the exercise file to follow along - https://www.figma.com/community/file/1230459731998782497
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* - https://youtu.be/GGwqWc414rM
2. *Figma Auto Layout* - https://youtu.be/iC4qthOQNus
3. *Prototyping updates 2023* - https://youtu.be/S_rshX4Svgo
👋🏼 _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
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* - https://youtu.be/GGwqWc414rM
2. *Figma Auto Layout* - https://youtu.be/iC4qthOQNus
3. *Prototyping updates 2023* - https://youtu.be/S_rshX4Svgo
👋🏼 _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