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!

24 comments
-
Noémie Thirion commented
On-scroll trigger animations is a great feature that I really hope will be there soon!
-
Amanda Innis commented
I have searching for this exact thing for weeks. Please implement onScroll. And keyframes.
-
Joe Morris commented
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
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
Sample: (this now possible on desktop with mouse hover when scroll. But we need this on Phones!!
https://youtu.be/IDL3lo_CaFw?t=264 -
Est commented
Trigger to Scroll area. It is easy and very magic useful!
Please! -
Cris commented
Looks like Y'all been lookin at apple's website... lol (like me) Yes it would be a great feature!
-
Anonymous commented
Yes please! This would be great feature to fade in elements in scroll!
-
Daniel Reed commented
This feature would be extremely useful
-
designsbyLINDA commented
I would love to have this feature to animate my NAV-Bars while scrolling!
-
Thibaud Van Vreckem commented
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
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
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
Yes, would be very useful!
+ I have not found any workaround for it for desktop interfaces... -
Dave commented
Definitely need this feature.
-
Martin commented
pleas do this
-
Farshad Sadri commented
+ 1
That a killer feature, easily can trash Principle all together!
-
Brian Warchesik commented
Plus One!
-
Dennis Ferreira commented
Agreed.
-
Sacchit commented
Currently, I am achieving the same effect by using drag action which is good for mobile apps but not websites