Supported and un-supported auto-animate features in XD artboard transitions

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.

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

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.

Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices | Online Privacy Policy

Supported and un-supported properties for auto-animate in XD artboard transitions

Desktop and Mobile

Web

Ask the Community

Contact Us

Desktop and Mobile

Properties that animate over the duration of the transition

Properties that change at the start of transition

Properties that change at the end of transition

Properties with fade-in and fade-out effects

Properties with same effects as text

Properties with no changes

Web

Unsupported properties and gestures

Unsupported browsers