Create cool Tab animation with this Figma tutorial! | Auto layout and Smart animate

In this very cool figma tutorial you will learn how to create great looking tabs animation working working with Figma's Components and Variants, Auto layout, Smart animate and drag interaction!

If you are not familiar with components and variants, i strongly suggest you to check out these tutorials -

Understanding Auto layout -

Understanding fixed positioned elements, also know as "Sticky" -

#yarivbe #autolayout #figmatutorial #figmacomponents #smartanimate #figmavariants

[archanas]

Thank you so so much!!!!...I have seen a lot of tutorials for this animation but, I couldn't understand. Subscribed your channel. 🤗

[jahiruljitu]

thank you very much. this tutorial helped me a lot . and do more like this tutorial!

[Vethorzinho]

thank you so much, this tutorial helped me a lot with my first project!!!!

[queenzzz]

Thank you for this tutorial ! very helpful.

[mhafizfahrezi]

thank you soo much. it really helps me a lot. but i wanna ask at 16:56, is it possible if the tabs horizontal scrolling too? since i wanna create with a lot of tabs (more than 3 tabs) for my thesis. again thank youu

[syahrulghifari]

thanks, nice tutor bro, what if, the second tab and third tab are also on the first tab?

[fatenhr]

Hey Yariv, I did exactly as the tutorial yet when i connect the tabs and pages and set to smart animate it just creates a fade effect, what am I doing wrong?

[fatinnuraisyah]

hi, how to make the tabs scroll horinzontally?

[boluwatifelawal]

thanks very much for this can you explain further when we have more content on the tab and the overflows horizontally. Do you under stand me

[jacekbiaas]

This tutorial don't work for me, doing everything exactly the same, when I'm trying to make second instance. I can't drag properly any element of second instance of Tabs, the are just blocked. Doing everything the same as you, just some other design.