FIGMA Interactive App Navigation - Tab bar Tutorial

In this video we will create & prototype a tab bar menu. This menu is perfect for any app design.
Sign up for Figma:
psxid.figma.com/kh2feohwvmqd
Chapters:
0:00 The Interaction
0:16 Helpful Resources
0:40 Design & Setup
4:32 Prototyping
-
Become a Member (Access to Completed Project Files):
/ @caleredwards
Sign up for Webflow:
webflow.grsm.io/caleredwards
Get 30% Off ProtoPie with Code: "CALER"
bit.ly/ProtoPie-Caler
My Desk Setup for Design & RUclips:
kit.co/caleredwards/my-setup
-
Visit my website:
caleredwards.com
Find me on Instagram:
Instagram: / caleredwards
-
Disclaimer: This video and description may contain affiliate links. By using any of my affiliate links, I receive a very small commission at no extra cost to you. Thank you for supporting the channel!
Music: Epidemic Sound
FIGMA Interactive App Navigation - Tab bar Tutorial
#figma #uidesign #figmatutorial

[@mehdesigner4572]

Great tutorial Caler!
I would suggest you make a component of the nav bar with all the interactions and then copy and paste it on the four artboards instead of repeating the same process for each artboard.

[@CalerEdwards]

Good call!

[@BennytheDog]

Nice tutorial, tks! Ps.: how do I simulate smart animation with XD?

[@kbisal]

what's the purpose of noise in these frames? please explain...I'm an amateur.