Website Animation in Figma: Master Smart Animate, Component, and Variant by Animation a web Page.

Learn how to create nice looking animation on the elements of your website and master the use of smart animate, Component, variants and masking to achieve beautiful transitions on your website design using only Figma

Find the Link to the Community File Here

[shaloma]

I love how patiently you walk us through designing in Figma. Your videos have helped me A LOT in my UI/UX journey.Thank you very much. You're a lifesaver

[Stylebyreme]

This is lovely it’s nice to have you back.

[Mason-]

Using the Varient-Funtion of the figma for animation is very impressive.

[gwnrozr]

you have done your job well brother you guided us in a good way and teach every thing step by step thnku for this

[shrishti]

i don't understand when we should frame element and when we should mask element?

[danishachaudary]

hey why you use mask? can't we use the element without mask?

[prakashanuvadia]

nice what i looking i get it ..thanks Brother more video like this 👍

[iamhoustynforbes]

This tutorial is so helpful, you just earned a subscriber, thank you for being amazing.

[confidencedavid]

your video was great! Thanks for the effort you put in.

[sofijakovacevic]

How can we make purple lines on the background?

[empty]

Amazing idea to use a mask, thank you🤝

[Diyas_world]

do we need to convert this to html, css? or we can directly get from figma?

[seyedehsahelahmadi]

Thank you very much I love your teaching because that was step by step and learn slowly. :)

[ogunleyejuliet]

Hello, instead of masking can we not just frame them ?

[printempo]

Like your video. It's very easy to follow. Thanks!

[jithinbabu]

It's very helpful, thank you bro 🙂

[shivamoeini]

It was great. I tried to it it myself and I could do it. Thank you.

[calvinwilliams]

I think this guy is also good like Brendan I have subscribed and also activate the notice bell but try to include the link in your description section

[ohagoromonyinyechukwuj]

Wow thanks alot
Please can you teach us how to add video and gif to our design and make it play in the prototype

[adriandemir]

Is there any possibility to get code of this animation?