Member-only story

Adobe XD: putting auto-animate to the test

Shane P Williams
UX Collective
Published in
9 min readDec 18, 2018

(Non Medium members can read this article for free here)

Adobe recently announced their updated version of Adobe XD at Adobe Max in October and introduced a new feature called ‘Auto-Animate’.

As Adobe describes it — Adobe XD has evolved from a basic click-through application to providing you divergent prototyping options such as Time, Tap, Drag, and Voice. Designers can use auto-animate combined with drag gestures to create micro-interactions across art-boards for rich prototype experiences such as on-boarding flows, animations for carousels, cards and lists or progress indicators. Deceptively simple to use, auto-animate creates stunning effects and transitions that help you communicate an animated end user experience. Drag Gestures in XD takes the auto-animate feature one step further by allowing you to simulate the drag experience of touch-enabled devices.

I decided to take this new feature for a test drive and created a few experiments. These are pure UI experiments testing the auto-animate feature, so please don’t judge the usability of these concepts ;).

Downloadable project files available at end of this article.
Here’s the result and learnings from what I created …

1. Carousel Activity Feed

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Written by Shane P Williams

At the intersection of Brand, UX & UI. Passionate about design, tech and digital. Design systems Advocate. Founding Editor at www.DesignSystemsCollective.com

Responses (59)

Write a response

Hi all, due to several requests for the XD files, I’ve update the article to include a link to download the file.
In exchange, please clap for this article ;)

256

Wow!
i’m really impressed.
Didnt realized that those interactions were possible with xd.
Is there a way for you to share the XD files?
GREAT WORK!!

69

Hey Shane P Williams, Great work man. please, can you tell me how do you create the gifs from adobe XD?

2