Lottielab is a new tool for creating and managing Lottie animations that won Product of the Day at ProductHunt this week. Images can be imported from Figma, SVGs, or Lottie files, and exported as Lottie, GIF, or MP4 to any platform. From Drew, a co-founder of Lottielab: “We are streamlining this cluttered process into a simple, seamleass, all-in-one workflow, with all the benefits of modern design tooling fit for today’s product development teams — being web-based, collaborative and easy to use — no After Effects knowledge needed.”

The all-new LottieFiles is the hottest release of this week: “Create production-ready animations within Figma and export them as a Lottie. Apply animated presets to a single frame or string together multiple frames to create your fun animation. Bring the power of motion to your designs with LottieFiles for Figma.”

The team at LottieFiles explains how to recreate an animation from Apple’s iPad mini website.

Cool update to a LottieFiles plugin: “Instantly change the colors of your animation. Apply your own custom colors, or try out our carefully curated preset color palettes.”

Nice trick on using “after delay” animation in combination with a Lottie file to avoid an infinite animation loop and play it only once.

Dan & Xiang demonstrate what you can do with the LottieFiles Figma plugin.

“In this video, we will guide you on how to select a single frame from a Lottie animation from the LottieFiles Library and export it to Figma. Then, we will use this new SVG and place it as part of our UI and animate it in Figma using the prototype feature.”

“Let your users know they’ve got notifications with this Animated Bell Icon that starts out in Figma, gets sent to After Effects to be animated, then exported as a Lottie file.”

An interesting new app for creating and editing Lottie animations without After Effects. Supports importing assets from Figma.

Design Lead Gabriela Schmitz from LottieFiles gave a talk at Figma Meetup. If you didn’t try it yet, Lottie has a popular plugin for Figma.