How to Animate Navigation Tab in Figma | Designing | Game App Studio

Опубликовано: 21 Октябрь 2024
на канале: Game App Studio
79
0

#animate #navigation #tab #figma

Here we come with another video which is all about how to make animate Navigation Tab in Figma.

You can do this with the help of a few simple steps:
1. Place some icons and add auto layout, give some spacing and padding.
2. Frame select the auto layout frame and add colours .
3. Create an ellipse and place it behind an icon.
4. Duplicate the frame and place the ellipse behind the second icon and repeat the step again.
5. Select all the frames and create component set.
6. Switch to prototype. Connect the frames.
7. Create a frame place the component

For more descriptive information on these steps involved go through the complete video.

Chapters:
0:00 Introduction
0:13 Create Navigation bar
03:03 component set
03:10 Prototype
04:04 Placing component
04:23 Final result

Check out our other parts of this video to learn about Designing    / gameappstudiocampus  

For more Designing tutorial basics to advance subscribe to our channel.
Subscribe to our YouTube channel :    / gameappstudiocampus  

Visit us here : https://gameappstudio.com/

Follow us on Facebook :   / gameappstudio  

Hit follow on Instagram : https://instagram.com/gameappstudio?u...

Would you like the game app studio to speak at your school or organization?
Contact us at : https://gameappstudio.com/contact-us
Or mail us at : [email protected]