How to Set Up an Animated TICKER TAPE For Your Website in Figma (Animated Prototyping Tutorial)

Get the SOURCE FILES for this project ($1.99): payhip.com/b/CPf8H
Visit my STORE: bit.ly/mavi-design-store
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Get FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
In this video we’re going to dive into animated prototyping and we’ll create an animated ticker tape for your website that runs on its own till infinity (autoplay + loop). We will be using frames, components, instances, variants and prototype mode (smart animate, after delay) to achieve this resullt
How to design an animated bar in figma - moving bar in figma - figma website animation
--------
© 2023 Mavi Design

[@praxii]

Thanks a lot, very detail and helpful.

[@shekinahthorat7940]

Its a really cool video but I wonder if there is a slightly more easy/straightforward way to do this. Seems very complicated and easy to miss a step. Absolutely love the details tho!

[@user-ph6np2mu3u]

Thank you very much! Everything worked out

[@blondelina4370]

This is genius!!

[@leandroludvig7621]

Hey Mavi, great video!
How can I make my text go slower considering that the max time is 10000ms and my text is not repeating itself?

[@vamboo8918]

thanks

[@jakob1561]

Why does my figma say this when I try to run it "a prototype with connections needs a valid top level frame as the origin"?

[@gabrielmf88]

How can I download it as a gif?

[@mavidesign]

not possible in figma currently im afraid

[@hudasuloyi1755]

I followed the same steps, why can't it move?

[@mavidesign]

Try resetting the prototype. If that doesn’t work, you probably missed something 👀

[@Usospicy]

did you figure it out? mine doesnt work as well and i did everyhting in the video