Figma Accordion Menu | Fully Animated Working Multiple Dropdown Accordion Menu (2021)
Create Beautiful Things Create Beautiful Things
12.3K subscribers
33,595 views
708

 Published On Premiered Nov 19, 2021

In this video i will demonstrate how to properly use autolayout and the concept of components and variants to make a working animated accordion menu in figma. Watch and learn.

You will learn how to make, create and design an accordion or collapsible menu. For this accordion menu design to work, Figma smart animation, auto layout and then components and variants are very useful. I demonstrate the process step by step in a way a beginner figma user can easily understand.

For this figma accordion, you can have two or more sections open at the same time which is very useful in demonstrating how a real accordion menu works. This Figma tutorial shows how to easily create an interactive accordion component that can be opened and closed within your prototype without the need to create separate state pages.

The figma accordion is a form of a figma dropdown element or menu that opens and closes. It can also be referred to as a collapsible menu or expandable menu in figma

show more

Share/Embed