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.
This feature is a must! Default animations are not good enough, we need custom!
Invision Studio has a great animation feature we could borrow features off. Much more powerful then XD.
Micro interactions would really be cool they are seen everywhere in state of the art UIs. Today we are obliged to export XD proto to HTML CSS JS and the code these interactions manually... lots of time loss and we have to do it every time our prototype evolves... headache !
Rob F commented
So many prototyping programs can't support animated gifs. If developers think that small animations aren't something that our clients expect to see (they do) and don't want to spend the time to offer those features for real, just supporting gifs would shut up a lot of our clamoring.
Frederik Goossens commented
Any updates on this? Figma is one of the few tools that has this feature.
Yes please! Would be so helpful when creating things!
A step in the right direction! Could use a "Custom Animation" field, so we can paste in the values of a curve from AE or some other animation tool to create custom ones! Please and thank you so much!
Jerry Wang commented
I like this! But I think if we could just add an individual animation interpolator to each element would fine, something you could find in AE. No need to have too much settings, an visual curve interpolator can set duration, offset or spring effect and so on. Quick and easy.
Rydvansky .Andrew commented
Really need it
We need this
Attila Felix Albert Szenczi-Molnar commented
Let's do this!
Abdenour TAKHERBOUCHT commented
A feature that will make all the difference, we look forward to it.
Anyway Adobe XD has to focus more on animation techniques than anything else because the design can be done with several other software, so animation is essential.
would love this feature for sure
Try Protopie and/or Kite together with Adobe XD.
[Deleted User] commented
As much as I'm itching for these features from XD, I believe their first phase of development is to showcase all rapid prototyping functionalities first then proceed on the animations and other cool features very soon.
But I do hope they release it asap!
Paul Seymour commented
Maybe a good interim solution is just support Lottie? But, ideal would be some kind of link to AE project comps, maybe with the same Bodymovin/JSON restrictions, with export to Lottie. Something simple for now (cause we're desperate), with something mind-blowing later.
GIFs worked horribly in Invision, and failed to load/play with speed, so maybe that's not the way to go.
Paul Harmer commented
This feature would make XD the 'go to' prototyping tool. Currently have to use Atomic for these transitions and micro-interactions.
Come on Adobe!
David McEwan commented
Really want this feature - would be amazing to show how a slider would work on a mockup :)
@Farhood: Please upvote these specific suggestions:
However, note that you *can* already animate vector path changes. Just duplicate a path onto a second artboard and then edit its path points to be a different shape. It's a very powerful feature - the number of points doesn't even have to be the same!
@Tony: You can animate objects that are "offscreen" (outside the artboard) without grouping. If two artboards are already connected via an Auto-Animate transition, you can move an object outside one artboard's bounds as long as it is still inside the other artboard.
Farhood Kankash commented
By adding Auto-Animate you are just of 1st step of a bigger stair. A lot should be added to the XD for making it useful like keyframes, animating shadows, blurs, colors, one of the most important one is animating the vector changes of a shape, hover effects, triggers & etc. . This should be open till perfection & also improving by every single update.