Request details

← Adobe XD: Feature Requests

Timed animations triggered while scrolling

i hope we can trigger the timed auto animations when you scroll to a portion of your website mock. I want my elements to appear only when i pass thru them in my page prototype. This feature will create a more seamless, animation rich prototypes!

355 votes
Sign in
(thinking…)
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Anonymous shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

24 comments

Sign in
(thinking…)
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Joe Morris commented  ·   ·  Flag as inappropriate

    Is this a thing yet?
    I found a tutorial online…https://xdtogether.com/scrolling-animations-in-adobe-xd/
    It took four frames for the trick but you only get one triggered action per sequence. His example as good as it is limiting. I'd recommend triggers for when a graphic reaches a certain x value. Example: Component A reaches y:20, trigger new state. Graphic B: reaches y:20 trigger new state.

  • Navid Najm commented  ·   ·  Flag as inappropriate

    Timed animations triggered while scrolling

    I hope we can trigger the timed auto animations when you scroll to a portion of your website mock. I want my elements to appear only when I pass thru them in my page prototype. This feature will create a more seamless, animation rich prototypes!

  • Est commented  ·   ·  Flag as inappropriate

    Trigger to Scroll area. It is easy and very magic useful!
    Please!

  • Cris commented  ·   ·  Flag as inappropriate

    Looks like Y'all been lookin at apple's website... lol (like me) Yes it would be a great feature!

  • Thibaud Van Vreckem commented  ·   ·  Flag as inappropriate

    Yes scroll, should be available as a transition trigger.
    I suppose the most appropriate implementation would be to be able to attach the trigger to an element/symbol y position (for example when it enters or leaves the viewport)
    Please note that the scroll direction should also be considered.

  • Mike Britton commented  ·   ·  Flag as inappropriate

    This feature would improve my prototyping workflow. It would also make XD a much more creative platform, one that's more reflective of our real world needs than it already is. Brilliant job everyone—let's get this feature in!

  • Dandesign commented  ·   ·  Flag as inappropriate

    oh yes, I was trying to implement this right now without success (workaround is to place a transparent rectangle over the artboard and to add the drag function with auto animate) but this works just works with draging no scrolling :-(

  • Anonymous commented  ·   ·  Flag as inappropriate

    Yes, would be very useful!
    + I have not found any workaround for it for desktop interfaces...

  • Sacchit commented  ·   ·  Flag as inappropriate

    Currently, I am achieving the same effect by using drag action which is good for mobile apps but not websites

← Previous 1

Adobe XD: Feature Requests: 02 : Prototype mode

Categories

Feedback and Knowledge Base

(thinking…)