Figma
Ready to level up your UI design skills? In this beginner-friendly class, you'll learn how to design and animate a mobile app bottom navigation bar in Figma — from scratch to an interactive prototype!
Whether you're just starting out in UI/UX design or want to explore Figma animation techniques, this class offers a clear, step-by-step walkthrough of creating smooth and creative bottom nav bar animations using Figma’s prototyping tools.
In this class, you’ll learn:
- How to design a clean, user-friendly bottom navigation bar
- Basics of UI layout and icon alignment for nav bars
- How to create micro-interactions in Figma
- Animating tab transitions and highlighting active states
- Prototyping your final animated bottom nav bar for mobile
By the end of the class, you’ll have a polished interactive bottom navigation component — ready to showcase in your design portfolio or use in your next mobile UI project.
Perfect for:
- UI/UX design beginners
- Aspiring app designers
- Figma users exploring motion design
- Anyone curious about interactive prototyping
Tools You’ll Need:
- A Figma account
Resources you might find helpful
- Master UI Basics in Figma for beginners - Early Bird Basic Level Class to master and understand the basics, navigation tools and panels of Figma.
Want more classes on these - Figma bottom navigation tutorial, bottom nav bar animation in Figma, Figma prototyping for beginners, UI design Figma class, how to animate navigation bar in Figma, Figma micro-interactions, interactive UI design with Figma, motion design in Figma, Figma for mobile app UI.
Let me know in discussions, also if you enjoy the class or find it helpful ,share your reviews with us.
Shivangi Dubey
No reviews yet. Be the first to review this course.
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
9 hours
Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...
3 hours
Have you ever wanted to design apps or websites, but felt intimidated by professional design software? In this class, you’ll learn how to use Figma step by step while building your very first UI design from scratch. Whether you’re interested in UI/UX design, product design, web design, or simply wan...
5 hours
Getting Started with Figma (4h) + Course ProjectA beginner's to pro course in UI design with Figma NEW! Full Config 2024 Update Featuring the New Figma UI Design! The must have UX/UI Figma design course for every Interface designer! This course is a comprehensive introduction to Figma from absolute...
1 hour
Welcome to the world of limitless creativity! Designing in Figma is amazing! It’s straightforward, open and endlessly creative. But, many designers face an ugly true: not being able to turn their designs into fully functional websites. The good news? The design landscape is evolving, with a wave of...
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
9 hours
Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...
1 hour
Development of advanced techniques in Illustrator and Photoshop is the focus of this course, with the goal of helping you increase your proficiency with vector brushes and pattern design. You will craft a gorgeous floral line-art which can be finished in oh-so-many ways! In this course you will lear...
24 minutes
Transform humble materials into luxurious fabrics through the craft of natural dyeing! This wonderful art combines textile design with sustainable living. Using food materials you can find in your kitchen, we'll brew three lovely colors from scratch: Pale pink from avocado pits Golden yellow from on...
23 minutes
Give your denim a new lease of life by creating something totally original. With fabric painting, you are the artist and the textile designer! In this class we will cover the basic of fabric painting, learn what materials to use and discuss the best practice while working towards creating your weara...
Subscription
