Last updated on
8 June 2021
- Adobe XD User Guide
- Introduction
- Design
- Artboards, guides, and layers
- Shapes, objects, and path
- Text and fonts
- Components and states
- Masking and effects
- Layout
- Videos and Lottie animations
- Prototype
- Create interactive prototypes
- Animate prototypes
- Object properties supported for auto-animate
- Create prototypes with keyboard and gamepad
- Create prototypes using voice commands and playback
- Create timed transitions
- Add overlays
- Design voice prototypes
- Create anchor links
- Create hyperlinks
- Preview designs and prototypes
- Share, export, and review
- Share selected artboards
- Share designs and prototypes
- Set access permissions for links
- Work with prototypes
- Review prototypes
- Work with design specs
- Share design specs
- Inspect design specs
- Navigate design specs
- Review and comment design specs
- Export design assets
- Export and download assets from design specs
- Group sharing for enterprise
- Back up or transfer XD assets
- Design systems
- Cloud documents
- Integrations and plugins
- Work with external assets
- Work with design assets from Photoshop
- Copy and paste assets from Photoshop
- Import or open Photoshop designs
- Work with Illustrator assets in Adobe XD
- Open or import Illustrator designs
- Copy vectors from Illustrator to XD
- Plugins for Adobe XD
- Create and manage plugins
- Jira integration for XD
- Slack plugin for XD
- Zoom plug-in for XD
- Publish design from XD to Behance
- XD for iOS and Android
- Troubleshooting
- Known and fixed issues
- Installation and updates
- Launch and crash
- Cloud documents and Creative Cloud Libraries
- Prototype, publish, and review
- Import, export, and working with other apps
Learn about object properties supported for auto-animate transitions.
Depending on which object properties are modified, XD uses 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, mobile, and web
- Border Size
- Border Dash
- Border Gap
- 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 Transformation (uppercase, lowercase, title case)
- Text Strikethrough
- Border Position
- Drop Shadow
- Inner Shadow
- Background Blur
- Object Blur
- Border Style
- Mismatch/Missing
- Auto Width and Fixed Size
- Sub-range
- Object Flip
Limitations
- 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.