Web Design » Figma » How do you make an accordion in Figma?

How do you make an accordion in Figma?

Last updated on September 24, 2022 @ 7:12 pm

Making an accordion in Figma is easy. First, you need to create a new file and add a new tab to it. Then, add the following elements to your file:

– An accordion container
– Three accordion panels
– An accordion handle

To create the accordion container, use the scene editor to create a new scene and add the accordion container to it. To create the accordion panels, use the scene editor to create three new scenes and add each one to the accordion container.

PRO TIP: If you are not careful, you can easily make an accordion in Figma that is too small or too large. Make sure to measure your screen size before starting to create your accordion.

Finally, add the accordion handle to the last scene.

Now, you need to create the accordion contents. To do this, use the accordion panel scenes to create three new layers and add each one to the accordion container.

Then, use the accordion handle scene to add the accordion contents to each panel.

Now, you’re ready to export your file. To do this, use the export menu to create a new file and save it to your computer.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.