Timeline to refine auto animate animations (keyframe)
Timeline to refine auto animate animations, as invision studio do.
Gustavo Fernando da Silva
shared this idea
41 comments
-
Wes Noel
commented
+1,000 This is highly needed to convey micro-interaction and timing.
-
g
commented
+1, would really benefit from this timeline feature in XD. InVision Studio does this already (for a few years now).
-
Anonymous
commented
Yes please! Adding timeline, animation curves, and/or spring controls would improve animations (and experience) tremendously. All of these are essential for complex animation with group of elements all animating at the same time.
-
Anonymous
commented
I'd like to use after effects and XD in conjunction with each other. I think it would be incredibly helpful for anyone who is in the UI Design field, for XD to support more custom animations and embedding. Maybe being able to work in after effects and being able to export to XD, instead of XD to after effects. OR having an animation timeline in XD similar to after effects or InVision to allow for custom animations and cascading text on scroll for example. For a UI designer its really backwards and super tedious because nowadays companies want to see interactive prototypes. Video and Animation is HUGE in the digital field right now in order elevate any sort of app or website. Is the adobe team working on anything like this?
-
srujan
commented
Please add timeline concept for little animation like photoshop, scrolling effect animation in single artboard and try to add 3D rotation in component group.
-
Sammuel
commented
Please add an animation feature for us to have a better Prototyping like there is a timeline, keyframes, value graph for more control at easing things.
-
Anonymous
commented
also requested during XD Creative Jam ...
-
Anonymous
commented
we need more freedom to assign which element appear first and give some controls from after effect to XD because I want to stay in XD not going out
now when I need to make a heavy animation I go to the vision studio app which allow me to do more than XD offer -
Ry
commented
Currently each artboard is only allowed one time trigger each. This really limits doing cool page loading animations on complex artboards. It would be ideal to have time trigger defaulted to always be available to multiple or unlimited even other artboards.
-
matt
commented
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 not2) 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 -
BP
commented
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.
-
Luigi
commented
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!!
-
Fi
commented
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.
-
Anonymous commented
TIMELINE!! please!
-
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!