Timeline to refine auto animate animations
Timeline to refine auto animate animations, as invision studio do.
Daniel Olivier-Argyle commented
Please bring this feature. It's the only major thing separating the two programs for me at the moment. The company I work for are looking at using invision rather than XD, purely because of this feature. Please add it!!
The idea of a timeline is cool. Completely adequate would be the possibilty to give layers a separate timing for the auto animation.
Shayan Naqvi commented
If you have used Invision Studio, you will know that for the animations there is a timeline that can be edited. This allows for more detailed animations and the like. So if a timeline for animations could be brought to Adobe Xd, it would mean that users of this software could create more detailed prototypes.
Morgan Caldbeck commented
I've been building a lot of animations prototypes lately as I've been working on some big-fidelity final passes on web applications. In my experience, auto animate has been fantastic and there are almost endless possibilities, so thank you very much for your hard work on that feature!
While it has been amazing, I think there are improvements that could be made. Currently, to use auto-animate you have to use separate artboards for each portion of the animation. This causes bloats file sizes and adds complexity to documents, especially when sharing for review and there's all these pointless "tween" artboards that the client or other viewers may have get lost in.
My suggestion is this: Add the ability to create a timeline for animations attached to a specific artboard or component. For instance, I create a component that is an a search icon. I want that to animate into a search bar when it is clicked. Rather than create a new artboard for each stage of animation, I'd like to be able to create a timeline, and add each step of animation to that component and define a trigger. Then, I can reuse this component throughout my design, utilizing the same trigger and animation throughout. This would reduce my overall file size and avoid creating endless numbers of artboards.
The other use case would be scroll animations or timed animations. These could be attached to specific artboards to control their interactivity at a greater detail with finer control.
I hope this makes sense but feel free to ask for clarification or examples, I would be happy to help however I can!
Besian Arizi commented
I've been trying out InVision Studio, and I really hated everything about it and switched back to XD immediately. But there was one thing that kept me back to Studio that i'd love to see in XD. Advanced animation. In Studio, you can time objects that are moving to a timeline that you can create. You can delay certain objects, change individual easing, and I love the feature because it lets me go more in-depth and makes things feel real. I'd love to see that in Adobe XD.
yes. this is an obvious need please add. a timeline/graph editor to control the timing of each element and element attribute, similar to after effects.
very important for complex animation
Jitu Raut commented
Dan Prado commented
Definitely a must have!
Thomas Lanaux commented
Yes Please. This is crucial.
Mohanad Alhelwany commented
This feature should be there because I can control the timing of every animation between 2 artboards rather than doing several artboards just for different timing animation
Yes. I actually tried to suggest that the day Auto-animate first came out. Actually, though, I think a timeline is a bit defiant to the concept of having "Auto-animate" feature, so what I would recommend is just a graph editor option included in the auto-animate window to control the smoothness of a transition. The good thing about is that we won't have to deal with any properties, just the ease in and out of a transition.
We. Need. This. So. Much.
José Tomás Villalba commented
Mehdi Bouayaben commented
Vandam Dezjgner commented
A Timeline would be very helpful and quicker, especially because I use After Effects a lot.
Kevin Daus commented
A timeline to see order of animation.