LottieFiles - Create animations & export from Figma to Lottie

设计工具 · 11,491 likes

Animate Your Designs with Lottie Animations

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: 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. Lottie Theming: Lottie Theming lets you choose between various themes inside a single dotLottie file, dark & light theme for example. 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. Extensive Animation Library: Explore and gain access to 500,000+ free and premium animations to level up your designs. Private Animation Access: Import your private animations directly to Figma. Team Animation Library: Bring your team’s private Lottie animation library to Figma and enhance your collaborative workflow. Personalize Your Animations: Customize animations effortlessly with our color palette. Versatile Insertion Options: Insert animations as a GIF or as high-quality SVG. Generate Color Palettes: Click on any image on your Figma design to generate a cohesive color palette and apply it to your animations. 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: 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: Lottie Stickers in Figjam: Enhance your Figjam boards by inserting delightful animations. 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 support@lottiefiles.com . Contact Us: Instagram · YouTube · X (fka Twitter) · LinkedIn · Facebook Learn more about the LottieFiles for Figma plugin at lottiefiles.com/figma .

适用场景

LottieFiles - Create animations & export from Figma to Lottie 属于 设计工具 分类,适合希望用清晰结果驱动设计流程的团队。

关键信息

发布者信息

创建者:LottieFiles。Figma 社区发布者:LottieFiles。

兼容性与支持

安装前如何评估

查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。

在 Figma 中打开

相关插件