Skip to main content
Participant
February 18, 2020
Answered

[Prototype]-Animation between states and mask group of layers in XD.

  • February 18, 2020
  • 1 reply
  • 710 views

Let's say I have a small element that I want to animate. BUT, I want to mimic css transitions that would allow me to have more than just a default and a hover state. Why can't states be auto animated between each state. All I would have to do is set up my default and mulitple states and then call them Transitions States. This way each state could auto animate to the next on without having to build a hundred transition screens that are auto-timed. And it would be a good opportunity to be able to mask groups of layers by clipping. I need to be able to mask more than bitmaps.

 

  1. create a component instance
  2. build all it's states
  3. Select new Interaction = Transition Sequence
  4. Select Trigger (Hover, Tap, Voice)
  5. Action: Auto-Animate
  6. Destination: Transition-1
  7. Plus Destination: Transition-2
  8. Plus Destination: Transition-3
  9. and so on, If you set the last one back to the default you could create a looping asset all on one Art Board!

 

 

<The Title was renamed by moderator>

This topic has been closed for replies.
Correct answer Harshika Verma

Hi Scott,

 

Thanks you for explaining it so well and sharing your feedback. We would suggest submitting your feedback here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests so that our team can look into your request and share the link with us here so that we can also keep a track of it.

 

Hope it helps.

 

Thanks,

Harshika

 

1 reply

Harshika Verma
Community Manager
Harshika VermaCommunity ManagerCorrect answer
Community Manager
February 19, 2020

Hi Scott,

 

Thanks you for explaining it so well and sharing your feedback. We would suggest submitting your feedback here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests so that our team can look into your request and share the link with us here so that we can also keep a track of it.

 

Hope it helps.

 

Thanks,

Harshika