Adobe XD: Animations

In this class we'll be going over the auto-animate feature in abode xd to create animations for our fake email product: Snail Mail. This class will cover a wide variety of animation tips and tricks that can be applied to other UI's. I've included both the "start" and "finish" files for the class, so feel free to grab those and learn at your own pace. See examples of what you'll learn below:

Get the Start file here: Snail Mail Animation - Start

Finished file: Snail Mail Animation - Finished

Slider Animations:

Micro-Interactions:

Text / Mask Animations:

Button Presses / States:

• Intro: Adobe XD Animations
• Sign in: Basic Animations
• Sign in: Text Animation
• Sign in: Pressed Button State
• Inbox: Repeat Grid & Scrolling
• Sent: Repeat Grid & Button States
• Compose New Email: Overlay & Button States
• Settings: Slider
• Receiving New Email: Notification animation
• Receiving New Email: Micro-interaction
• Outro