Request details

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.

4,857 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)

    We’ll send you updates on this idea

    Peter DiBartolo shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    328 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...
      • AdminPeter Flynn (Admin, Adobe) commented  ·   ·  Flag as inappropriate

        @Farhood: Please upvote these specific suggestions:
        - https://adobexd.uservoice.com/forums/353007/suggestions/36247513-animate-blur-effects
        - https://adobexd.uservoice.com/forums/353007/suggestions/35822116-shadows-dont-animate
        - https://adobexd.uservoice.com/forums/353007/suggestions/35804221-support-color-transitions-in-auto-animate
        - https://adobexd.uservoice.com/forums/353007/suggestions/12941394-tap-hover-effect

        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  ·   ·  Flag as inappropriate

        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.

      • Tony commented  ·   ·  Flag as inappropriate

        +1

        I made a request for this already but I don't think I titled it well. Allowing animation on objects that are off the screen without needing to group them with something on the artboard would be excellent. Then the objects can behave differently once they are on screen.

        https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/36148804-fix-certain-members-of-a-group-while-scrolling

      • Carl D commented  ·   ·  Flag as inappropriate

        Auto-animate is a good start but like many great suggestions from previous comments here, it should be an ongoing feature improvement. Making this a rich feature like no precedent would bring XD from good to great.

      • Peter Villevoye commented  ·   ·  Flag as inappropriate

        I also think this 'feature' is not a one-trick pony or a case-closed request. It should be an ongoing subject within the growth stages of XD. Just like having assets and styles (both file and cloud-based) for visual and typographical content and settings, designers need to be able to create, re-use, and adapt 'styles' for transitions and animations.

      • Armando Scuro commented  ·   ·  Flag as inappropriate

        While this suffice for me, I would like to store animations in a symbol, like a text field for example, where clicking it expands it, or a toggle so i don't have to make a new screen for every toggle i put

      • David commented  ·   ·  Flag as inappropriate

        The feature is not complete. Auto animation allows to animate elements but not separately. All elements move in the same time, no way to custom animations...

      • Anonymous commented  ·   ·  Flag as inappropriate

        I too agree that auto animation does not solve this issue. Why not implementing somethin like a light-weight AE with simple keyframe animations... or take a look at the guys and gals of framer x.

      • FCO commented  ·   ·  Flag as inappropriate

        I agree with the most recent comments, the issue is not closed.

        I suggested a feature that maybe narrows the scope a bit, perhaps making it more manageable and/or specific : simply allowing to specify a "triggered" state on UI elements, which would be toggled on click.
        https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/35810770-on-off-states-for-interactive-elements-switches

        That would be better than duplicating whole artboards in order to showcase any tiny interaction, as shown in the video posted by Demian (heart icon button use case).

        Please let me know if has to be merged or closed in favor of another request.

      • Pablo commented  ·   ·  Flag as inappropriate

        Auto-animations are not the same as this request, we are talking about something like Principle individual animations. This request is really important.

      • Robert Blinzler commented  ·   ·  Flag as inappropriate

        I want to add my voice to those already concerned about this feature not having been actually completed.

        1) Screen transitions are not the same as element- or micro- animations / Transitions

        2) The focus of all new (or existing) XD features are for mobile devices leaving a huge gap in prototyping. In the case of this requested feature, had individual animations been developed, it would have given everyone what they were looking for, regardless of platform

      • Brendan Hanna commented  ·   ·  Flag as inappropriate

        agree that this feature should not be closed, as auto-animations are clearly not the same thing as separate animations for individual elements. I'm sure that the product team at XD is well aware of this.

      • Norman Dubois commented  ·   ·  Flag as inappropriate

        Though the basic feature is finished, I think it is not really usable for refined animations. There should be a timeline or animate elements individually and refine timings like principle has, the possibility to save timings and animations and paste them to other elements on different artboards, create components for animations, etc...

      • Stephan Lenting commented  ·   ·  Flag as inappropriate

        Whoaa Damian, auto-animate is NOT a solution for animating elements SEPERATELY. Don’t close this feature!

      • Stevo commented  ·   ·  Flag as inappropriate

        It would be great to export the animated elements into JSON files like Lottiefiles. Using the power of auto animate.

      • Stu Nami commented  ·   ·  Flag as inappropriate

        It's now 2018 and InVIsion Studio, ProtoPie and Principle all have much more engaging animation tools to prototype motion interactions. Your engineering team already has Flash and After Effects to tap into for an animation toolset for the prototype workflow. Why is this taking so long? Motion interaction is what most clients want to see next after simple navigation is mocked up. XD has been in production since 2012 after failed attempts of Muse. With this production rate, we may not see it until 2020.

      • Anonymous commented  ·   ·  Flag as inappropriate

        Also take a look at Framer X - they have a more code orientated aproach on animations and interactions. Since animation sure have to be implemented via JS, why not giving both opportunities (working with timelines, coding your animation).

      ← Previous 1 3 4 5 16 17

      Feedback and Knowledge Base