lottiefiles logo for adobe-xd logo

Bring the magic of motion to Adobe XD

LottieFiles for Adobe XD enhances your design workflow, saves you time, and creates an exceptional user experience like never before. You can add ready-to-use, high-quality Lottie animations and make your prototypes come alive.

Key Benefits

Immersive experience and realistic prototyping Image

Immersive experience and realistic prototyping

Include motion in your design process and give life to your prototypes. Eliminate guesswork and collaborate more effectively.

The world's largest library of free Lottie animations Image

The world's largest library of free Lottie animations

Access a vast library of ready-to-use, free Lottie animations right from within LottieFiles for Adobe XD. New animations are added every day by our ever-growing community of most talented creators from all over the world.

Bring your Animations from Adobe After Effects Image

Bring your Animations from Adobe After Effects

LottieFiles for XD lets you take advantage of all your After Effects creations. You can access these creations through the previews tab on the plugin and bring them right to your Adobe XD artboard.

Key Features

Native Lottie support Image

Native Lottie support

Adobe XD artboard natively supports the Lottie file format. No need to convert them to a GIF or MP4.

Optimized keyword search  Image

Optimized keyword search

Search for Lotties based on specific keywords and get access to our massive library of Lottie animations.

Access your Private files Image

Access your Private files

View all your Private Lottie files previewed on the web or across other LottieFiles plugins. All of this and much more right from within LottieFiles for Adobe XD.

Get started in 3 simple steps

Step 1: Log in to your account

Install the LottieFiles for the Adobe XD plugin. Login to ensure you can access your private and published Lottie animations.

Step 2: Search for your animation

Search for the Lottie animation you want to insert via the ‘Discover,’ ‘My Lotties,’ or ‘Import’ tabs.

Step 3: Insert and preview

Select any animation, then click on “Insert as Lottie.” To preview the animation, click on the Desktop Preview button.

How to add Lottie animations in Adobe XD Prototypes

Download LottieFiles for Adobe XD

Get started and unlock all its features for free.