Highlighted

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

New Here ,
Feb 18, 2020

Copy link to clipboard

Copied

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!

 

XD-new-feature.png

 

<The Title was renamed by moderator>

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

 

Topics

Design, Missing feature, Prototyping

Views

71

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]-Animation between states and mask group of layers in XD.

New Here ,
Feb 18, 2020

Copy link to clipboard

Copied

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!

 

XD-new-feature.png

 

<The Title was renamed by moderator>

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

 

Topics

Design, Missing feature, Prototyping

Views

72

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 ,
Feb 19, 2020

Copy link to clipboard

Copied

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

 

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...