5 Most Useful Figma Animations For UI Beginners

Figma animations help you wow clients and communicate with developers without ever having to leave the software. In this video we will learn how to create the 5 most useful Figma Smart Animate animations in a breeze!

📕 Show Notes 📕

Timecodes
00:00 Intro
01:00 Animation technique 1
03:50 Animation technique 2
08:00 Animation technique 3
12:20 Animation technique 4
16:28 Animation technique 5

#figma #figmatutorial

➡️ QUESTION — Have a question about UI, UX or Product Design? Designing in Figma? Or Anything Else? Post in the comments section of this video—I’m happy to answer!

[TimGabe]

link to the Figma file (delayed as usual 💜):

[andrescastillo]

Thanks for taking the time to create all these videos and teach us how to do all this stuff! I wanted to thank you because of your videos and tutorials I have improved a lot my Figma skills and that has shown up in the work I do at my job! Now I have been assigned to new projects on Figma, created simple but useful prototypes for the clients, and mastered the auto-layout feature, etc! My boss and the senior creative team are really impressed with my work lately. You're the best!

[okeannika]

I'm so happy I found this video! I can't believe how cool you are at explaining things like this! Thank you so much for your hard work!

[aakritikataria]

Amazing Videos. Super helpful. Thanks for sharing!!

[arghavan]

i've just learned how to make drop down menu easier, thank you 💖

[DhrumilDoshi]

hey can you make tutorial on the heights animation that you showed in the intro ?

[xhongaronga]

Great video, brother!

That overlay was completely new to me 🤯

Thank you for some great tips!

[SankaraReddy-pxux]

the way of explanation outstanding mate. 👏

[nazmulislam]

I am learning a lot from your videos. Your teaching style is awesome! 😍

[ZakiOnTheLoose]

Man, I don't comment much on YouTube, But you are Amazing!! your tutorials are the best🤩🤩

[graphiwhisper]

thanks man! really lifesaver and good tutorial!

[anweshasenapati]

You are a pretty good teacher❤ Keep’em coming

[corvuscorax]

You're the best Design channel i know ! thank you, i want to try and learn everything !

[HoaNguyen-jtml]

Hi, I just want to say thank for your great tutorials

[joaquin_oro]

Such a great tutorial. Thanks to you I love figma and im learning pretty fast

[p.s.]

Hi! I am learning a lot from your videos. Thank you so much for all the awesome content you are putting out.
I just wanted to ask, isn't it easy to just add a horizontal scroll functionality for the one you mentioned in the 'drag technique'? I was wondering if, is there any difference or if we can use them interchangeably. (drag & scroll)

[djashawe]

Thanks for the great tutorial. I subscribed to your channel and liked the video. I realized that a button hover doesn't work until the image is fully revealed. I couldn't figured out how to make the hover work independently of each other. Let me know if anyone knows the workaround. Thanks.🤓

[sayekatchakraborty]

How to creat Text animation from let to right horizontally? Would you please make a tutorial on that? Thanks in advance

[janayapost]

Should you place each piece before doing all animation or can you still do animation and add objects along the way in your frame?

[saafy]

Now how to actually implement this in code