Creating Text Animations in Figma: Tutorial & Tips

In this video, I'll guide you step-by-step on creating an impressive text animation using the powerful feature of smart animate in Figma. You'll learn how to leverage Figma's native capabilities to bring your designs to life with dynamic and engaging animations.
We'll explore the entire process, from start to finish, demonstrating how easy it is to achieve professional-looking results within Figma itself. Not only will you be able to create stunning animations, but I'll also dive into the incredible benefits of having this capability directly integrated into the Figma platform.
By the end of this tutorial, you'll have a solid understanding of how to utilize smart animate effectively in Figma, empowering you to enhance your designs and captivate your audience through visually compelling motion graphics. Join me as we delve into the world of animation creation, all within the convenience of Figma's intuitive interface. Let's get started!
Design books I've read and recommend
Steal like an artist - amzn.to/3LhaTL7
The Brand Gap - amzn.to/45AI7hy
Start with Why - amzn.to/4bdWQjL
Building a Storybrand - amzn.to/45ExE4F
The Creative Act - amzn.to/3L2HO5D
How to Win Friends & Influence People - amzn.to/3zikcYj
Show your work - amzn.to/3xm6wLo
Links in the description are typically affiliate links that let you help support the channel at no extra cost.

[@odebunmitobiloba8876]

pls how did you break the the text in its own box pls

[@jonathanwaterworth]

Hi there, do you mean seperate the words, so make a copy and then reduce each text box to one word only?

[@odebunmitobiloba8876]

PLS HOW CAN I BREAK TEXT PLS ANYBODY PLS

[@akogunelizabeth6212]

Great video
Helpful
It would be more helpful if you talk slower

[@jonathanwaterworth]

Thank you for your feedback :)
Will keep that in mind for future videos

[@karamikulka3640]

You can also slow down and speed up the video in settings

[@anahata8]

That was a great tip! 🎉😊
The only thing I didn’t understand is that why during the Present it didn’t work. But when I chose Preview It worked. ?! 😢

[@jonathanwaterworth]

Hmm that's very strange, did you the proper frame selected? Or try close Figma and open it to try again?

[@anahata8]

@@jonathanwaterworth I refreshed Figma page and Preview page it Worked. ✨ Thanks for your answer Jonathan. 😎✌🏻

[@Im_Vergil]

Great video but for the scrolling u can add frames to the second layer and use them as triggers to activate the animations

[@jonathanwaterworth]

Yep cool tip! I wanted this animation to be set with after delay though, so once you've scrolled down you don't have to click again

[@Pibepan10]

But how u did the imagine like that effect you showed when the video start but it’s not the same at the finish

[@jonathanwaterworth]

Do you mean how the image changes?
Yep sorry mate, my fault! I must have missed adding it back in at the end! I'll make a follow-up video for you on how to do this effect/animation in Figma 😀

[@saadbaig7919]

thanks a lot 😇

[@jonathanwaterworth]

Thank you!

[@kenan3444]

Thanks a lot !

[@jonathanwaterworth]

Thanks you :)

[@vimeopictures5170]

Do you have a Figma course by any chance?

[@jonathanwaterworth]

Na, maybe one day
What sort of things in Figma do you want to learn? I'd love to make more free Figma tutorials on youtube based on what people want to learn

[@ganna.hanna_]

Thanks a lot from Ukraine!

[@jonathanwaterworth]

Thank you 😊

[@schimenykrikets9692]

good, now edit it down to 30 seconds

[@jonathanwaterworth]

I think I do have a reel with the same content :)

[@itsliquidistic8239]

This tutorial is clear as water. Superb video bro

[@jonathanwaterworth]

Thanks so much! Let me know what you want to learn in Figma, so I can make more videos that help you!