AdobeXD Tutorial – Auto Animate Prototypes

by | Mar 6, 2019 | Design, Design Inspiration


March, 2019


Interface Design


Collaboration for Modern Creative

Zig helps you manage tasks, set schedules and deliver great work. You can set up unique teams for each project, easily integrate clients, and keep track of your responsiblities to your teams.

Looking for Work?

Check out our Job Feed. It pulls creative jobs in games, film, advertising, design, architecture and events.

AdobeXD is a great UX and interface design tool. From creating components and design systems, to prototyping, to sharing with clients, it does it all in one place.

Here’s a look at one of the coolest features in Adobe XD – Auto Animate. Using it you can create beautiful and complex animations and transitions. The process is simple. All you have to do is link up art boards and XD takes care of the rest.

AdobeXD is free, and available here. If you want the source files for this scene you can download them here.

This is a pretty simple test to get an interface mocked up and start animating between screen states. 

The good thing about Auto Animate is how easy it is to set up. All you do is link components to boards, creating a button and a target.

The only downside is that you might need a few extra boards to get all your states, but that’s a common problem with all the main design tools. Adobe is working hard to make XD the standard in interface design. 

Zig is in Open Beta

Join great creative company and help us help you at the same time.

[et_bloom_inline optin_id="optin_1"]


Project collaboration for creative production.

Made with care in Vancouver, Canada.

Share This