How to Auto-Animate Icons in Adobe XD

[@tharindurajakaruna1590]

OMG that extra value, you saved me loads of time man i used to delete and do the button again.

[@johnsonp4521]

quick tip : u can simply select the top rectangle and the line use the align button it will align perfectly or group the top circle with the line ans the use the align button the video ia as always awesome

[@kennethdoory8434]

Dansky, awesome video, as always. I really appreciate the time you put in to tutor us.

[@eduardoglzv.3072]

Hi Dansky, excuse me, is It possible to insert that animated icon on a table and be recognized the whole attributes as independent from the work space in the new table... or do need to make the animation procesos in every new slide, scene or design? I'm a begginer sorry if my question Is obvious. Or if I wasn't clear it's due I'm not a native speaker. However nice vids!

[@lutapuch5371]

This is the 3rd video I have seen about this particular feature. It's nice to see how to animate the icons.... however, now that it's animated, how can I use that particular icon on a layout. DO you export it as a movie and imported back? If so how do you deal with the rasterization on video? I see the value of icons animated once on layout, but stand-alone animation without a way to utilize it on a layout is pointless.

[@ForeverDansky]

You can record/export the animation as a video file, or upload your prototype to send to clients/stakeholders or conduct user testing etc. for feedback. What is the end product you'd like to use the animation on, e.g. is it for a website, post on Dribbble or Instagram?

[@HovhannesYeganyan]

Hi Dansky,how i can use this icon animation,in website complete design prototype?

[@robertvidaure6746]

I think I'm still fuzzy on how you get these cool animations on a website.

[@grav3ns3n]

Awsome video Dansky, many many thanks for sharing this with us.

[@dowoyele]

I love this new look!

[@Azmatkhantdp]

Dansky you are awesome!

[@andrewkimsabao5281]

Great but how u gonna apply this inside the mobile or web design page

[@sruthygeorge3420]

Hi, you classes are so gud. i have one doubt... How we integrate this animation into our work(like animated logo in mobile screen home page)... Did we want to create step by step home page or we can place animated icon to home page directly... ??? Also is it able to create accordion in XD ?? And How ??

[@tristanight.official]

informative video, however, in all honesty - i subscribed because of the username 'danksy' XD blending my banksy and dank nostalgia, nice!

[@ForeverDansky]

Haha I’ll take that 😋👍

[@MiccoliOfficial]

Awesome, tutorial. Thanks for sharing, Dansky.

[@yasya.7887]

I like your videos!🙌

[@varundade]

How to use them in other artboards as animated icons ?

[@messagedeleted3526]

Very nice. Love using XD.

[@matzebausm]

and how do i use it inside my Prototype?

[@RJ-dz1hu]

Thank you sir

[@KrishnaTandon]

Hey, I need to animate icons when I am scrolling a list. As of now either the icons animate or I can just scroll the list. Any way it is possible in XD ? The ICONS are present inside the scrollable list.

[@ricardoaponte8687]

Hi, @dansky I have a question. I see a "pasteboard" tab in the toolbar towards left, of the screen, just right underneath the layers you are working on. I don't see it in my XD. Where do I find it? On the other side, my animation does not work, it doesn't animate as it looks in your example. What it could be? Thanks and I hope your reply will be quick! ;) Cheers!

[@Underhills]

How do you repeat the animation without having to close the artboard and the click the play button again? I tried space bar, enter and tested stuff but I'm always forced to close whatever playing repeat the task of clicking the play button. I'm not talking about infinite auto repeat but a controlled way of just hitting Enter again to see it repeated.

[@NandiniBhotika]

Hey, Thanks for the tutorial. If I have to animate multiple icons on a landing page, then I duplicate the entire landing page 3 times for a 3 step animation?

[@isukwithnames1811]

Nandini Bhotika yep. I'm really hoping they come up with another way to animate.

[@infegfx]

Can animated icons used in single page?

[@juancamilonarvaezsandoval7969]

How can I use this on a web page?

[@iFailGames]

Any Windows users know if they've upgraded XD to its full capacity yet, or is it still a shell of what it is supposed to be?

[@iFailGames]

So, Windows users are still fucked and don't have the full version yet.

[@ismatzahra3]

Awesome

[@ricardogarcia5427]

is this replacing protopie?

[@eBlackize]

Yeah they animate if in dedicated artboards. But I cannot animate them within a complicated website design. It just snaps.

[@BillyMangino]

This is useless to me unless I can then use that animated icon within my prototype.

[@dilip24383]

Apart from tutorial, your new hairstyle looks sexy Dansky.

[@elijahpepe]

“HAHA ADOBE XD” Adobe’s trying to replace “XD”.

[@rayzhou8560]

oh god bad hair day right

[@StephenAinsworth1]

now do it in css