Create an animated play button in Adobe XD

In this video I’ll show you how animate paths and create a play button that transforms into a pause button | Subscribe:

This is actually a very simple demonstration of how you can use the auto animate feature with paths to morph between shapes in Adobe XD.

What other icons, like this, have two states that you could animate between?

Little micro interactions, such as this can be found all over the place now. They’re not grand transitions that stand out to the user, but instead they give those little touches of feedback that will make your app feel responsive and more alive.

#adobexd #uidesign #xdtutorial

Duration: 00:07:09