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
    ------------------------------------------------------------------------------------------------------------------

КОМЕНТАРІ • 1

  • @user-yz3fv7mo7l
    @user-yz3fv7mo7l 4 місяці тому

    how do you make it so that only one can be opened at a time?