Marquee/Scrolling Text Animation in Figma | QuickJam

Up your typography game in your UI designs! Learn this simple technique, and try it out in Figma.

DISCLAIMER:
QuickJam is a fast-paced mini-series that aims to deliver information quickly to other designers, to let the designers follow their intuition when designing, rather than spoon-feeding them every single step. We hope this method helps make the designing process much more fun & intuitive rather than rigid & boring.

If you enjoy jammed content, please don't hesitate to subscribe so you don't miss any of the new content, also share the video with people who could benefit from it to support my channel, and leave your suggestions down in the comments!

Subscribe to jammed:

Buy me a coffee:

Download free jammed design resources:

How to Import a Transparent Video in Adobe Xd:

Instagram:

Music Credits:
Track: Feel — Land of Fire [Audio Library Release]
Music provided by Audio Library Plus

[jammedstudio]

Are you enjoying UI animation-related Quickjams? Let me know your thoughts below & leave recommendations!

Watch how to design icons the right way:

[lawlessofarabia]

Quick and simple, here's a man who knows his stuff. Thank you for this super quick and easy tutorial Mr Jammed.

[mohitashliya]

Straight to the point no gibberish Thanks man.

[loomonda]

I could not figure out why the animation wasn't working...had to refresh - thanks so much!!

[Omar-wdm]

Thank you for the quick and simple tutorial. At first the animation wasn't working, I refresh Figma and then it worked. It's weird though because every time I open Figma it doesn't work, I have to always refresh by pressing R. It's probably a Figma problem.

[aapopow]

For all those wondering why their proto doesn't work: you need need to set the flow starting point and pull lines from each of your frames to the next. If you only have one frame, select it -> prototype -> Flow staring point.

[michayiko]

Thank you so much !! I've been trying to understand variables for a while now, much clear clear now !

[cozytender]

You're amazing! Thank you for the simple, straight to the point tutorial. It helped so much.

[Ayeshaedrith]

It works and I’m so shocked. Thank you so much. May you be rewarded abundantly ❤️

[melaniedesigner]

You're a genius bro!! You've helped me to solve one problem that I've been having hahaha. Thank u so much.

[LucySKy]

That’s the best video i have seen on this! it was so easy 🙏🏻

[stonejrstone]

thank you so much for this, i am definitely subscribing immediately

[Projekt.Amadeus]

Thanks! I've been looking for this for a long time!

[cesara.pichardo]

Excelent tutorial! Quick and simple. i didn't know it was possible to do that in figma. Thanks!

[KarenPosos]

Thank you so much!! The best tutorial :)

[SohamPathak-st]

hii, i did exactly what you showed but mine isnt working

[jovemsarabia]

Thank you so much for this tutorial its very detailed, easy to understand appreciate this !!

[alessiosurace]

Hi, unfortunately I can't get it to work. I tried to set everything exactly like in the video, but nothing.

[patxilecea]

Hi did Figma changed something? Because I've tried it step by step but it doesn't work my text fades out but doesn't move 😕

[abdulmunim]

how to export frame such that the animation shows?