Learn about the supported and un-supported auto-animate effects in artboard transitions.

Depending on which properties are modified, XD leverages Auto-Animate to animate them across the artboards. Some properties change at the start or end, and some animate over the duration of the transition.

Desktop and Mobile

  • Border Size
  • Opacity
  • Rounded Corner
  • Position (X/Y)
  • Size (W/H)
  • Rotation 
  • Text Size
  • Character Spacing
  • Paragraph Spacing
  • Line Spacing 
  • Paths

  • Solid Fill
  • Gradients
  • Border Color 
  • Text Family
  • Text Color
  • Text Style/Weight
  • Text Alignment
  • Text Underline
  • Image Fills 
  • Text Content
  • Text Tranformation (uppercase, lowercase, title case)
  • Text Strikethrough

  • Border Position 
  • Shadow
  • Background Blur 
  • Object Blur 
  • Border Style

  • Mismatch/Missing 
  • Point/Area Text

  • Sub-range

  • Object Flip

Web

  • Prototypes using Auto-Animate have certain limitation with text animation. We currently do not support animating character spacing, line spacing, and paragraph spacing on the web.

Prototypes using Auto-Animate does not support animation playback and dissolves between the start and end artboard when viewed on the following browsers:

  • IE 11
  • Edge 15
  • iOS10

As a workaround, you can open the prototype in any of the other supported browsers listed in the System Requirements.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy