Animate individual elements separately (custom animation transitions / microinteractions)
Support for simple animation.
Example: Show/hide a slide or push menu
This would enhance a demo and engage prospects that are familar with common application patterns.
Reopening the feature request, based on feedback.
Andy D. commented
Be able to integrate with or embed/integrate micro interactions on forms and scrolling actions.
Craig Reidel commented
Even if XD had animation support/controls like Keynote, I think that would be enough.
Vidhunnan Murugan commented
Also Animate CC integration or import support
Vidhunnan Murugan commented
Support for more animations
Example like popup menus, sliders or animation while touching/clicking
and for interactions like single touch/clicking, touch press, sliders
THE ONE feature that's missing in all other UX tools, is being able to add custom animations and transitions between artborads and their layers/elements.
please please integrate animation here through either AE or Edge... I can imagine marking the two artborads here, hitting "animate" which will create a ready-to-go AE or Edge file, where i can create the animation ans save. While in prototype mode i can just play, and the animation will render from that file directly here...
Ability to animate icons or buttons in prototype mode.
Arthur Dickerson commented
I'd like to be able to transition an item on screen to a different state, via an animation. For example, a close affordance would change into an open affordance, or a hamburger menu, would change into a different control, and possibly have a different target/action.
This also touches upon being able to use state-transitions within the same view, to animate objects on screen, such as expanding or collapsing regions, revealing hidden content, filter controls, or fly-outs.
Ben Dedrick commented
I would love to see some custom animation tools. So far, most of the effort around XD seems to have gone into consolidating and streamlining aspects of the UX workflow that currently require a lot of disparate tools, but one big area of opportunity for that is in animation. I'm not likely to mock up a design in Sketch, then do it again in lower fidelity in some other tool just so I can explore animated transitions, so the animation bit tends to fall to the wayside. I would have a blast if the same tool I used to create designs and connect them into a prototype could also be used to create animations.
Having the same name object on 2 artboards should trigger a transition animation of a values that vary (colour, shape, x/y ect.)
Ro Dixon commented
It's nice to be able to link an element to a separate board/page, but I need to be able to add interactions between elements within the same artboard. In order to build high-fidelity prototypes like I currently do in Axure, I need more intuitive options. I hope you're able to deliver, because I really like the recording feature! Thanks Adobe!
I would love to have an After Effects animation graph editor in XD. It would be great to be save animation curves as presets and be able to share them with a design team.
Also, there was a previous request for direct export out of AE. If you could make this happen. We can engage all the motion designers across teams to instantly share their motion designs with the UX team. This would be game changing and increase our productivity.
Yes, please add a timeline with position key frames and transparency key frames would be very important. A good start!
Kevin Neal commented
It'd be good if it could integrate with adobe animate
Adam Pietrasiak commented
Would be good to have animations based on scrolling progress as most of modern apps have some custom scrolling experience:
Example (profile picture gets smaller when you scroll down)
Normally when creating animation, you have something like timeline with tweens, so I think it'd be cool to treat scroll position as animation progress timeline.
Daniel Keller commented
I agree, silver flows demonstrates the scrolling and transitions pretty well, the slides effects also have some sort of parallax transition, which makes it look less static and more like an actual app http://silverflows.com/