Highlighted

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

New Here ,
Jan 23, 2020

Copy link to clipboard

Copied

Hello,

I am making a furniture app, and would like to have a drag triggers on each row of images. But in prototyping mode, when i insert the drag trigger on the images, they all move left to right at the same time.

Does anyone know how to seperate these drag triggers? So that when i drag the top row of images it just drags the top row, without dragging the rest.

 

Thanks!

 

<The Title was renamed by moderator>

 

Screen Shot 2020-01-24 at 11.40.08.png

Topics

Missing feature, Prototyping

Views

684

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
Jan 23, 2020

Copy link to clipboard

Copied

Hello,

I am making a furniture app, and would like to have a drag triggers on each row of images. But in prototyping mode, when i insert the drag trigger on the images, they all move left to right at the same time.

Does anyone know how to seperate these drag triggers? So that when i drag the top row of images it just drags the top row, without dragging the rest.

 

Thanks!

 

<The Title was renamed by moderator>

 

Screen Shot 2020-01-24 at 11.40.08.png

Topics

Missing feature, Prototyping

Views

685

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Employee ,
Jan 23, 2020

Copy link to clipboard

Copied

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

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jan 24, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Jan 24, 2020

Copy link to clipboard

Copied

Thankyou for the guides! It's very helpful.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...