Image Accordion Menu - Figma Animation using new Auto Layout & Smart Animate

Figma Animation Tutorial. Horizontal Accordion style Image Menu Website Animation. This Animation uses the latest Auto Layout Update (November 2020) and Smart Animate.

Prototyping Tutorial Link-

Playlist for Free and most complete Figma Course

Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. That's why I am creating a complete course on this to help new designers which will cover the Basics and Expert features of Figma.

If you're a beginner to Figma or planning to switch to Figma from Sketch/Adobe XD, don't forget to subscribe to this channel and hit the bell icon.

-----------------------------------------------

ABOUT ME

I am Udayraj, and I’ve created this channel to share the things I learned in the last 5 years of my career. On this channel, I’ll share Figma Tutorials, Adobe XD tutorials, Various Prototyping Tools & lots of design tips.

I am a UX Designer with 5+ years of experience. I have worked with Startups as well as Fortune 500 companies in various domains such as - Healthcare, E-commerce, Logistics/Supply Chain, Infotainment, Mobile Gaming & E-Learning.

Please subscribe and say hi in the comments or connect with me on social media :)

-----------------------------------------------

SOCIAL

-----------------------------------------------

#figma #design #tutorial #ui #ux

[MrunmayeeThakurdesai]

hi, i created an accordion as shown above, but when i place it in my website layout, the page doesn't scroll any further in the prototype. its like its a separate flow or something. could you plz guide?

[purple_crawler]

how do i resize the images once we make the duplicate of 5? im having trouble

[andtothewestamerica]

Great Tutorial!! (this music makes me feel like I'm going crazy)

[LilyBrand]

Thanks once again :) Really need the new Auto Layout guide. I looked through their official "guide" and I actually became more confused after going through it haha

[ajayji]

Is there any way to use real time form components(i.e. - in a text box, we can enter and write something)?

[tanvirahassan]

Need in-depth video on New Auto Layout. I am so confused with this new update.