Tree Menu Animation in Figma | Figma Tutorial
Вставка
- Опубліковано 5 лип 2024
- Today I will show you how to create a Tree Menu Animation in Figma using interactive components and auto layout. This complete tutorial helps you design a Tree menu navigation animation in Figma.
#treeanimation #figmadesign #autolayout #treemenu
Happy Learning and don't forget to like, share the video, and subscribe to the UX World channel.
→ Learn UX design with a discount from Industry experts: cutt.ly/8wtCOztx
→ Become a UX expert by doing UI/UX specialization from Coursera: cutt.ly/EwUqPe13
-------------------------------------------------------------------------------------------------------------------
Watch other popular videos:
UX Design Trends 2024: • UX Design Trends 2024
UI Design Trends 2024: • UI Design Trends 2024
Daily UI Design Challenge: • Daily UI Design Challe...
Horizontal and Vertical Scrolling in Figma: • Horizontal and Vertica...
Food Ordering Mobile App Design: • Food App Design in Fig...
E-Commerce Mobile App Design in Figma: • E-Commerce Mobile App ...
------------------------------------------------------------------------------------------------------------------
Chapters:
[0:00] Preview of design & prototype
[0:22] Design Tree Parent and Child Nodes
[2:24] Create Tree Menu Component
[3:40] Add Interactions
[4:18] Add Generic Tree Component in Design
[4:50] Play Prototype
[5:03] Customize Tree Nodes
[7:12] Play Prototype
------------------------------------------------------------------------------------------------------------------
Resources:
Image by rawpixel.com on Freepik
------------------------------------------------------------------------------------------------------------------
how do you make it so that only one can be opened at a time?