LottieFiles - Create animations & export from Figma to Lottie

About this plugin

Create animations with ease:

LottieFiles for Figma redefines animation creation, enabling designers to effortlessly convert their designs into Lottie animations. This powerful feature supports everything from basic animations to multi-frame and multi-variant component sequences.

Utilize the full suite of Figma features including components, gradients and custom shapes, and transform them into engaging micro-animations.

Over 500,000 free and premium animations to get you started.

You don't need to be a motion design expert; simply prototype and export your animations as production-ready Lottie animations. Bring your designs to life without leaving Figma, ready for any digital platform.

🌐 Core Features:

1. Figma to Lottie: Export production-ready Lottie animations within Figma and use them across your website or apps. These high-quality Lottie animations are also supported by features such as stroke gradients, gradients, preset controls, trim path, auto layout, and more. You can also create more complex and elaborate Lottie animations using features like nested frames and components.
2. Lottie Theming: Lottie Theming lets you choose between various themes inside a single dotLottie file, dark & light theme for example.
3. Prompt/Raster to Vector: Turn text prompts into custom SVG illustrations or convert raster images into fully editable vectors. Enjoy AI-powered layer grouping and naming to keep your designs clean and organized.
4. Extensive Animation Library: Explore and gain access to 500,000+ free and premium animations to level up your designs.
5. Private Animation Access: Import your private animations directly to Figma.
6. Team Animation Library: Bring your team’s private Lottie animation library to Figma and enhance your collaborative workflow.
7. Personalize Your Animations: Customize animations effortlessly with our color palette.
8. Versatile Insertion Options: Insert animations as a GIF or as high-quality SVG.
9. Generate Color Palettes: Click on any image on your Figma design to generate a cohesive color palette and apply it to your animations.
10. Download in Various Formats: Download your animations in MOV, MP4, GIF, Optimized lottie JSON and dotlottie formats and more, straight to your device without leaving Figma.

November ’24 update includes:

1. Lottie Theming: Lottie Theming lets you choose between various themes inside a single dotLottie file, dark & light & christmas theme for example. Learn more

Other updates:

1. Lottie Stickers in Figjam: Enhance your Figjam boards by inserting delightful animations.
2. Dev Mode: Handoff with ease to Developers who can copy auto-generated Lottie embed code and ship these production-ready animations in minutes. It is also compatible with Figma for VSCode.

💬 Feedback & Support:

Your feedback is important and valuable to us! For comments, inquiries, or assistance, please contact us at [email protected].

Contact Us:

Instagram · YouTube · X (fka Twitter) · LinkedIn · Facebook

Learn more about the LottieFiles for Figma plugin at lottiefiles.com/figma.