[Prototype]-How to insert multiple drag triggers in one artboard in XD?

Let's first clear up how the drag works. It's not an isolated animation of one row of images – it's a animation of all different elements between the initial screen and the arrival screen. You probably created one screen with all sliders in the starting position, and another screen with all sliders in the end position. So the animated transition shows all sliders moving together.

If you have e.g. 4 different rows of sliders, you need to create 4 connected links to 4 different arrival screens, each showing the difference for just one row. And you even can't efficiently design the behavior of a user moving all 4 rows independently going forth and back again, because you'd have to create a multitude of all possible intermediate screen states (a quick guess: about 40 of them...) And the available behavior will always need to completely go from the starting position to the end position. So it can't mimic a user leaving one slider just half-way.

You should design it to be previewing one dedicated slider behavior at a time. You're not building the whole experience – just a preset mock-up, an restricted example of one flow. That might not showcase the total behavior of the finalized product, but should be satisfactory for a design stage. Maybe Adobe XD overhauls its navigation/animation paradigm, and adds more features to it. But for now, that's the best prototyping you can achieve with it.

Hello Stephanieh,

Thanks for reporting the issue. Please request for the new feature request: -Adobe XD Feedback : Feature Requests & Bugs and share the thread us so that we can keep a track of it.

Regards,

Arpitha Sannappa

Adobe XD