Create stunning animations effortlessly:

LottieFiles for Figma revolutionizes the process of animation creation, allowing designers to seamlessly convert their designs into Lottie animations. This incredible feature supports a wide range of animations, from simple ones to complex multi-frame and multi-variant component sequences.

Take advantage of Figma’s comprehensive set of features, including components, gradients, and custom shapes, and transform them into captivating micro-animations.

With over 100,000 free, ready-to-use animations available, you’ll have plenty of options to kickstart your projects.

You don’t need to be an expert in motion design; simply prototype and export your animations as production-ready Lottie animations. Bring your designs to life without ever leaving Figma, making them suitable for any digital platform.

🌐 Core Features:

Figma to Lottie: Export high-quality Lottie animations directly within Figma and utilize them across your websites or apps. These animations support stroke gradients, gradients, preset controls, trim path functionalities, and more.
Extensive Animation Library: Explore and access a vast collection of 100,000+ free, ready-to-use animations to elevate your designs.
Private Animation Access: Import your own private animations directly into Figma.
Team Animation Library: Bring your team’s private Lottie animation library into Figma, enhancing your collaborative workflow.
Personalize Your Animations: Effortlessly customize animations using our color palette.
Versatile Insertion Options: Insert animations as GIFs or high-quality SVGs.

January 2024 Update:

Auto Layout: Animate resized elements or feature UI elements with auto layout effortlessly.
Nested Frames: Organize your files more effectively by utilizing nested frames or copy and paste UI frames into your animations.
Components: Animate entire UI designs, including all components and their variants.
Dev Mode: Seamlessly hand off your animations to developers by providing them with auto-generated Lottie embed code, allowing them to ship production-ready animations in minutes.

💬 Feedback & Support:

We highly value your feedback! Please feel free to share your comments, inquiries, or any suggestions you may have.