Include animated icons in your AdobeXD prototypes to help others understand your ideas without heavy front-end implementation.
Use animated icons in Adobe XD
Adding animated icon to Adobe XD projects
This video presents how to use Lordicon animated icons in Adobe XD
1:17

-
In Lordicon library, select an animated icon
-
Download icon as Lottie JSON (Rough) from the Source Files section
-
Go to Lottie Editor to customize icon color
-
Import icon in Lottie JSON (Rough) format to your Adobe XD project
-
Set the animation on loop, or leave it to play only one time
-
Press play on the prototype and interact with animated icon