Learn about the supported and un-supported auto-animate effects in artboard transitions.
- I've used the Creative Cloud Packager to customize a deployment of Adobe Acrobat Pro DC with Creative Cloud. I then used the Acrobat Customization Wizard DC do some further changes. Nothing terribly major, disabled EULA, forced default, remove old version (which didn't work from all things I can tel.
- A set of 50+ Auto-Animate screens for Adobe XD that you can use in your future designs. This useful resource was shared by Sachin Mittal. Adobe xd, animation, app, design, interactions, motion, ui, ux. Download and like our article.
Download Adobe XD free with the starter plan. XD is your UI/UX design solution for designing websites and mobile apps. Design, prototype, and share for free.
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
Adobe Xd Auto Animate Export
- 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.
![Animate Animate](/uploads/1/3/7/2/137285690/488110706.jpeg)
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
Adobe Xd Animate On Scroll
As a workaround, you can open the prototype in any of the other supported browsers listed in the System Requirements.