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 & KZread:
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
Пікірлер: 4
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!
Nice tutorial, tks! Ps.: how do I simulate smart animation with XD?
what's the purpose of noise in these frames? please explain...I'm an amateur.