Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
I have two sliders with three cards each on an artboard, they both work great by themselves but is there a way to interact with them both without creating 2*3 new artboards?
Meaning, could I use auto-animation in a more performing way than by creating three artboards per slider?
In 2020!
This is now available using components and states, you no longer require multiple artboards to perform micro-interactions as seen in the images below.
You can create a component, add multiple variations (states) to it, and wire it to mimic real-world user behaviour (without having to copy your components multiple times).
Having components with states also makes it easier to manage your assets and to create interactive design systems.
In this image is a demonstration of interactions possible using a component and different states:
and here is the output, an image showing the preview of our artboard:
For further information check out Adobe XD's documentation on components and states here's a handy tutorial you can follow for components and states
You will need the 2*3 artboards. Sadly, yes, for Drag interaction state-changes you DO need to cycle between full artboards and there currently isn't a way around that. There are some feature requests for this on adobexd.uservoice.com, though they only propose this indirectly, like allowing a multi-state component to reference a group of pasteboard components.
