How to create a loading animation in Figma! Loading Bar | Spinner

In this tutorial I will show step by step how to create loading animations in Figma. Make your prototypes look much more real.

[@goldenvox]

Thank you! I spent a couple hours troubleshooting after watching two other videos on creating a spinner, but your detailed explanation cleared it up for me. Thanks again - very helpful!

[@ProductSensei77]

Woohoo! I'm glad to heard that.

[@noushadka1277]

​@@ProductSensei77k

[@AliceIero]

Thanks for such an easy tutorial! Animation worked from the first time!

[@ProductSensei77]

You're welcome! I'm glad it was helpful.

[@nayansixnine]

Thank you soo much bro!! making this simple an d easy tutorial for beginners.

[@ProductSensei77]

Glad it helped!

[@SkinnyGurl]

Thank youuuuuu, i spent almost the whole day struggling, just to make this spinner role faster, i had watched a video before yours and getting to watch yours was a sweet relief plus it was veryyy detailed and it cleared me all up at once. Thank you soo much, very helpful

[@ProductSensei77]

Your comment made my day! Thank you for supporting my channel.

[@jlcmarble8722]

Only took me A month watching other videos to figure this out... then i found this one 🤣🤣🤣

[@user-ux2pb5po9l]

Just Wow! amazing help , just keep it up

[@richasrivastava7887]

Thanks a lot for the linear tip coz I was struggling to make it smooth.

[@ProductSensei77]

You're welcome 😊

[@moinuddinmuhammad8212]

you are amazing i am following you with the hope that you will make easy and to the point content in next videos too. love your style

[@ProductSensei77]

Thank you! Will do!

[@milangdachutru489]

I love it 🎉, thanks bro, I'm also learning figma at school and today I saw your video I clicked subscribe to your channel now, hope you will make more tip videos and get more people to know you.❤

[@ProductSensei77]

Hey, you're welcome! your comment made my day.

[@bekuxui4081]

thanks! worked

[@ProductSensei77]

Awesome

[@overgeared2014]

How did you make your wave animation at 0:00 ? Is there somewhere I can download it?

[@jlcmarble8722]

thank you ... your method got me out of the whole from another method

[@ProductSensei77]

Glad I could help!

[@dellbr9431]

O interessante é que eu entendi mais fácil do que alguns que já vi explicando em português, como é que pode? rs

[@ProductSensei77]

Obrigado! I'm glad you found it helpful.

[@RenS.Channel]

how to be smooth like that bro?

[@lien_fox]

Ok, I couldn't do it following the steps. I've watched this and other videos that teach how to use animation in the component, but I can't make it work. I had to make the 4 frames and apply the animations in the frames and I couldn't take advantage of the component. :(
Anyway, thanks a lot for the video!

[@natsudragneel3814]

having the same issue

[@phonphawitliosaksri]

@@natsudragneel3814 🥲

[@ABVS.]

Hi, how do I proceed next. As in, suppose i created this entire system and after the "Done" page, now I want one of my digital Hi-Fi mockup page to appear next in continuation..how do I do this?

[@ProductSensei77]

Hey! You can jump to your next page using the "after delay" trigger on the "Done" page.

[@adied7725]

Could you share the file?, please, so that us non techies learn....thanks

[@thugmanray66]

Video quality is terrible

[@goldenvox]

Maybe it's something on your end? It looked perfect for me.

[@felipelifeadventure8814]

Mine its not working....very strange....When I play the prototype it does not spin the wheel.....😖

[@AldiPutra-xm5dx]

Me too, we have a same issue

[@felipelifeadventure8814]

@@AldiPutra-xm5dx I ha ve already done 3 different tutorials , anyway did not work....🤔

[@amikshajain5476]

Mine tooo. why is it soooo

[@margot92z29]

hello with you find a solution? mine doesn't work either

[@felipelifeadventure8814]

@@margot92z29 Hi...There is another way to make it, but its not making the wheel and interaction like that, its with a "lottie animation/gif). ....But making the interaction like this video I still not socceeding...😖👎