How To Recreate AMAZING Text Animations in Figma

Want to recreate the popular text animations you see on trending websites? In this video you will learn ONE easy technique that will level up your text animation game immediately and make beautiful text animations super easy.

📕 Show Notes 📕

➡️ Figma File:

Timecodes
00:44 Animation Walkthrough
01:39 Domino Effect
04:43 Elevator Effect
06:19 Masked Effect

#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!

[anishify]

How has this channel still not blown up??
I have been watching your videos for more than 6 months now, and I am always amazed by these tutorials on how easy they are to follow along.

Keep up the good work! Thank you so much, Tim!!

[jessaaaye]

Can you create a step by step guide on how to do this as a total beginner? I've been at it for an hour and I can't get the Revealed to actually reveal itself. When I drag one of the containers from the component box, to the frame, they separate. The 'Revealed' text below the box is still showing when I click play on the flow. I'm just so confused, lost, and frustrated but I still really appreciate this video. So if you can shed some light on that, that'd be amazing. Thank you!

[creepygirl_]

Thanks a lot Tim for this amazing episode ✨

[kishorekumarseenivasan]

man when I get a job as a ux designer I want to gift you! thank you so much for providing us such a complex topic in an easy manner, lots of love from india. keep up the good work. 👏

[SashaAbayomi]

This is really helpful! Thank you for the video. I was wondering if you have a video or could provide steps on creating this from the very beginning? I am very much new to Figma and animations are still something I'm trying to understand. Thanks again!

[Victoria-hrcc]

Thank you for the videos! I have a question about the frame container. Is it supposed to be that we create the components and then put them into a frame or create the component, put it into a frame and make another component including the frame?

[artworthi]

the domino effect - what are you doing to offset the letters (other than doing everything manually, its very slow process I don't want to continue doing over and over again.

[llu]

This is great, Thanks Tim for always getting to the point and making the videos simple and short. Appreciate all efforts.

[luisaeusse]

HI, I have a question, if I need to play the 3 animation, like the first then disappear and start the second then disappear and start the third and finish

[JoeYong-bk]

Hey Tim, can you explain what is the best way to export animated logos from Figma ? I tried to export an animated neon logo as a gif, but it turned out really bad. Please explain how :) Thanks !

[glenniemedlin]

Do I have to upgrade to a the profession subscription in order to do these animations?

[zeeshanishtiaq]

is there any video on parallax scrolling???

[hubertziemlewski]

Bringing us amazing free content as always Tim! Thank you so much. Your videos are short and concise making them great ways to learn animations in Figma

[nidarahman]

your content is so useful and fun to watch, i have been binge watching your videos lol. i have a request please make your mic a bit louder in your videos cause in some videos its somwhat difficult to hear you clearly.

[samueledonkumoh-yuyp]

so how did you add your container?...thought you were supposed to start from begining...

[theadhddesigner]

this was so helpful, but how do you make the domino effect work for multiple texts

[kamleshm]

Thank you for the amazing video. Can you create a video for Text highlight on scroll, exactly like 0:08 in your video but it animates on scroll up and down.

[gideonokwechi]

Love the revealed animation...I think you are my new favourite figma YouTuber... please more of this..

[vetmulgi]

video❤️ really helpful for self taught learners.

[ChristinaSegura-be]

Sorry but the elevator one was so frustrating to do...I couldn't get the second text to be outside of the frame to clip it. How the heck did you do that?