Timeline to refine auto animate animations (keyframe)
Timeline to refine auto animate animations, as invision studio do.
Instead of creating countless art boards for auto-animate add a key-framing feature that makes animating easy and convenient animating workflow within one art-board.
Madafaka Damesqlo commented
The same timeline system like adobe flash (WIHTOUT ACTION SCRIPT)
1) Animations inside a moviclip/compositions (moviclips like flash or compositions like after effects)
This way we can make small loop animations of elements that can be trigger or not
2) General timeline animations for all the elements just like invision studio has, so we can use smart animations or timeline animations.
3) Animation trigger/controllers on the timeline like Adobe flash (play/stop/change scene)
This way we can decide when to play the animation or stop the animation in that screen of the prototype
e.g. Start the prototype, the animation plays, when the animation reach frame 60 stop (so it doesnt loop) and change the scene, so it will play a smart animation/transition to next scene
Yes!! Please add a timeline. As others have mentioned, a timeline is what's holding XD back from being really great.
Cristi Banu commented
It's kind of a no brainer. Hopefully this will be added sooner than later.
Anna Bielak commented
I would strongly rather to use AdobeXD, but because of the timeline for different elements there's no chance for leaving Invision Studio.
No need to ask. This is strongly important.
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