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.
Séverine CHARPENTIER-LEBRUN commented
It will be very useful having scrolls on elements and only on one part of the screen to make the prototype more realistic.
This has probably been said over and over, but interactions, micro-interactions and a seamless experience are missing from XD. You've got basic transitions down (and layout) but there needs more, and unfortunately there isn't a product out there yet that does great interactive prototyping. No doubt Adobe's already researched this, but take a note from these 4 programs:
1. Axure - for data passing, complex interactions. (sadly, nothing responsive)
2. Flinto - for micro-interactions and animations
3. Principle for Mac - the same as flinto, except it's generally more presentation oriented.
4. Proto.io - currently taking your lunch. Pairs with PS / Sketch, more animations / transitions, responsive, has templates, and is very close to being the best currently. If they ever fix their UI it'll be amazing.
I look forward to seeing what you folks do as it versions. No doubt it'll only get better.
Not sure if it is mentioned, but take a look at Principle for Mac for some ideas how this could possibly work within XD.
joshue ott commented
I also agree that microinteractions are a critical feature to this tool!
I have a REALLY great functional way that this can be accomplished: ***allow users to nest prototypes***. This keeps the animation/prototyping simple, and I now have the ability to do a huge amount more than I could before, but now I can define what is essentially a complete prototype within the area of a larger prototype.
I'd be happy to explain this concept further: it is a very simple/elegant way to make this feature happen!
Virginia Ibarra commented
Here is an example of what I am trying to show my client, and the only way to accomplish it is by cheating (see link below) by adding a button called "Automatic Animation Unfolds" to show the automatic animation.
If you add features like this you might have a chance to win over UX designer that love Sketch/InVision.
I can't even do a slide open menu, or click something and have it animate to a different state. For this to be useful, I need more than clicking from one screen to the next, as this stands, this is no more useful than many free online tools like InVision. If you add these micro animations and or state change animations, this would be seriously kick ass product, but until then, I will likely just uninstall it.
can we have more advance features in prototyping/interaction similar to principle & flinto.
Levi Jones commented
It'd be awesome to have micro animations as seen in this article.
Why? Although animations can be a very bad idea, it can be used correctly to improve usability, and ultimately the UX by choosing smooth animations that do not "irritate" the eye.
Virginia Ibarra commented
If I need to show how an item is moving by itself, not due to a click, but by just time going by, right now I would have to fake it by adding a hotspot, click on it, and see the next screen where the item has traveled to. It would be great if there was a way to have things move around not by a click, but by time going by. Simple animations okay, like moving from A to B, or From size A to size B.
Julien Lambé commented
What I'm looking for in order to switch to XD would be able to prototype any animations like in Framer JS in order to bring top notch animations and not just sliding transitions between screens.
Gaffy Abdul Goffur Budiman commented
i use animations for tap, drag, scroll, reorder, move, etc.. if this comes up to adobe xd, it would be game changer! the team should add this, i still use a lot of product for doing this, but anything else in adobe xd is great! GREAT JOB TEAM !
Sarah Sorensen commented
This product needs this now not later. This is actually more important than a color picker.
Transitions like the apparition of dialogs in material design would be very benefits for prototypes =)
Skye Giordano commented
I think the better title for this FR might be "State Transitions". An example of a specific use case: the transition between a closed accordion pane and the pane opening to reveal its contents.
Elijah Carrington commented
When selecting targets in Prototype mode, allow for animated haptic feedback.
For instance, a table cell being highlighted on selection, or an activity indicator view added to the screen to let the user know that a process is being loaded in.
Charles Plath commented
This absolutely has to be in there in order for anyone to switch. Unfortunately right now it just feels like a slicker image linking application. You look at applications like Indigo Studio that had these out of the gate because they understood that the users interact with dropdowns, input fields, etc. I'm with the others that for this application to be truly relevant in what we do, it has to do that and doesn't seem like a "backlog" item at all. It's a necessity.
If this app is really going to compete in the prototype space, it has to have features like this. XD is, so far, a very well done app, but the static slideshow style animations/screens is going to tank it before it ever gets a chance to gain ground. Tools like Principle will gain big footholds and be difficult to surpass if these key features are backlogged too long.
definitely think statefulness, microinteraction and in-view animatics are critical to position this tool in front of InVision.
Tapas Das commented
I agree with Jessica that this cannot be in the backlog as it has the same important as scrollable area. Please make this feature in your priority list as we are loving the software and will be super happy to get this feature.
Jessica Peter commented
I disagree with this feature being in the back log. I'd much rather have animation support over some of the features currently in progress, like the better color picker for example. I am coming up with work arounds to depict navigation (slide out side menu) and rollover effects. It's cumbersome and in the end the prototype ends up feeling just like a slide presentation. I don't think that's your marketing angle, nor do you want it to be.
Is there any way to move this one up in priority. I keep checking back for updates only to be disappointed this request is still on standby. <sad face>
So far however, I love the tool. I'm just really eager to see the animation stuff become a reality. Seems like a mistake for it to be in the backlog.