How to create loading animations in Adobe XD using Auto Animate!

[@emilyb-uf1jv]

The best video about auto animation I have ever watched in internet so far! Simple, clear and easy to understand. I am glade I found this channel. I have been trying to learnt auto animation for a while, but always could not get the point. Most of the tutorials in KZbin tend to be so overwhelming, talk so fast and so much that I even could not able to catch where their cursor moved and which button they clicked. This channel has made animation learning easier.

[@corporatemcmahon2815]

What a talent you are! Thanks so much man!!! Simple, short and to the point!

[@ProductSensei77]

Glad it helped!

[@corporatemcmahon2815]

@@ProductSensei77 it helped brother! Needed a splash screen for my job! The 100% rotator. Amazing!

[@mandovid]

These are cool... but how can I make it load a new screen once it hits 100%? Because I cannot add these on my mockups if they don't do anything after they finish loading.

[@jemimahprah4583]

Hello please my loader just moves from 0 to 100 straightaway, with the other numbers not showing in between What do I do?

[@m.zulasyrafars5579]

For the spinner loading. it's not working for me. the animation is just not right.

[@Cajetasoproductions]

Thanks you friend!

[@cp3onmtv963]

Is it possible to make this an a component so it can actually be overlayed?? I dont know whats taking XD so long with these features, I don't want it o be from artboard to artboard! Thanks for the tut good job

[@ProductSensei77]

That's a great question. Unfortunately, I don't think that's possible with XD as for now.

[@manugarg3620]

Yes. Time trigger is not available on a single artboard/component style. I've been waiting for this feature for so long as well.😥

[@Maarten-Nauta]

You could fake an overlay and it loading to a certain page with timed transitions and this auto animate. You'd need like pages 4 different pages for one transition tho.

[@davelogvinov8681]

Is it anyway possible to go automatically to the next page after the loading bar finished to rounds? (Basically like on a real website)

[@Ahnock]

old comment, but yeah just connect the final screen of the loader to whatever page it's loading, and have the trigger be "time" and it'll automatically switch to the screen when it finishes the loading animation.

[@amycchan7718]

i have a problem sir i dont have 'time' in the trigger option under the interaction. What should i do now?

[@ProductSensei77]

To have the time trigger you need to select the parent frame. Make sure you are selecting the child component.