Design plugins

LottieFiles works right inside your favorite design & development tools. You can insert a Lottie without leaving your current workflow environment.

Our most popular plugins

Adobe After Effects Image

Adobe After Effects

Export a Lottie JSON from Adobe After Effects. Test, preview and optimize a Lottie and much more.

Figma Image

Figma

Enrich your prototypes and designs with motion. Bring your private animations or use any asset from our vast ready-to-use library.

Adobe XD Image

Adobe XD

Adobe XD now natively supports Lottie. Add the magic of motion to your prototypes, bring your team's private animations or choose an animation from our 60,000+ library.

WordPress Image

WordPress

Bring the power of motion to your WordPress site in minutes. No coding or motion design skills required.

Framer Image

Framer

Framer, a popular design and prototyping tool, now has a native Lottie component that allows you to use the power of Lottie.

Webflow Image

Webflow

Webflow, a powerful no-code website builder and editor, now natively supports Lottie. It’s proven that motion boosts engagement and increases conversions.

LottieFiles integrations for every design workflow

LottieFiles integrations save countless design and development hours. It makes life easier for all stakeholders involved in your team's design process.

Create. Collaborate. Ship.

Bring motion to your every design.

banner image