Weekly Challenge - Use time-triggers to create cool animations

[Preran]

Use time-triggers to create all kinds of cool animations including looping animations like this one

The Challenge

1. Create an animation using timed transitions in Adobe XD.
   
2. Share your published project by replying to this post with the URL. (Psst...if you share it privately, we will not be able to view it.)
3. Describe your experience with using this feature, and provide suggestions around improving it. We will feature the best shares on our social media properties, with the required citations.

Video Tutorial: Combine Time transitions with Auto-Animate and Overlay to create interactive effects

If you are a pro, and have already created a prototype using timed transitions, share your creation here. If you have questions about the feature, ask it here, and our experts will help you.

[romusrx]

Hello Prepan.

I run XD 19.2.22.3 (Starter) on a mac with Mojave. I've just discovered the timed transitions in the documentation you mention because I really need such a feature.

Unfortunately, on my XD, "Time" is not available, I only Tap, Drag, Voice and "Keys & Gamepad". Do you know why?

Thanks.

[Preran]

Thank you for posting here. Can you make sure that you have selected the whole artboard and not an object within the artboard? If you are still having issues, can you post a screenshot here so that I can better understand what is going on?

Thanks,

Preran

[romusrx]

Thanks you so much for this quick answer, this was the problem.

Small tips : if the artboard is fully covered by, let say, a rectangle, there is no easy way to distinguish a "full artboard selection" from a "layer selection". Maybe using a different color for the full artboard selection would make this distinction easier.

Thanks again Preran, best regards.

[Preran]

Thank you for the feedback. We will share it with the team.

Have a wonderful day,

Preran

[shanthi__]

Hi,

Time option shows up only if you have selected the whole artboard with its title. Can you check the selections from your end?

[punitc14433720]

I had a separate take on using "time-triggers" in adobe Xd. For a continuous animation with slight delay between each component's animation, I've used masking to get the effect. I'm linking a video here which might be helpful to the community as well. ( the Xd file will be in the video description.

[Preran]

Thank you, Punit! This is awesome!