If you're not familiar with Figma to Lottie, you're missing out on one of the most exciting features of the LottieFiles for Figma plugin. Essentially, Figma to Lottie empowers you to effortlessly create production-ready Lottie animations in Figma itself.

It's incredibly user-friendly, and the Figma to Lottie feature keeps evolving with the latest enhancements, such as boolean shapes and text support, providing you with the ultimate set of tools to bring your animations to life.

To help you make the most of your practice hours and sharpen your motion skills, we proudly present the 30 Days of Figma to Lottie challenge, which has already inspired countless captivating animations within our vibrant community.

What is the 30 Days of Figma to Lottie Challenge?

This challenge, parked under the hashtag #30DaysOfFigmaLottie, is where you release your creative geniuses and create one animation per day, for 30 days. That’s it!

It’s the best way to get inspired, and like they say practice makes perfect. So, go ahead, embark on your 30-day challenge and don’t forget to add #30DaysOfFigmaLottie when posting your creations.

First, how does Figma to Lottie work?

But before you get into the challenge, let’s just have a recap of how the Figma to Lottie feature works. With intuitive and user-friendly features, product designers gain the power to seamlessly create an extensive range of polished and captivating animations.

The LottieFiles for Figma plugin equips them with the ability to preview their animations in real-time and export them as Lottie files - this integration enables designers to incorporate their animations into Figma designs.

Moreover, these animations can be utilized across multiple platforms, including websites and mobile applications that support Lottie, further expanding the reach and impact of the designs.

It only takes three simple steps to get started with the LottieFiles to Figma plugin:

  1. Download the LottieFiles for Figma plugin.
  2. Search for an animation or create your own.
  3. Insert the animation into your designs seamlessly.

To create your animation, you can either export existing prototype flows as Lottie animations, or select multiple frames for a quick and faster animation path; it’s that simple.

Also, here are some helpful links to help you get started:

Check out these Figma to Lottie animations

Through the 30 Days of Figma to Lottie challenge, the community has come up with some truly inspiring designs that will make your creative juices flow. These animations showcase the incredible things you can do with the plugin, pushing the boundaries of what you thought was possible.

Check out some of these awesome creations below!

1) A toast to Kelly for her amazing animation

2) Time is ticking with Raif

3) We are tripping for Saylee Kir’s stars

4) Let’s get some sunshine with Sin

5) Reimagine a logo with Nattu

6) Show your love for Config with YaaminOn

7) Have a cherry bomb with Mandy

8) Get fired up on day 29 with olonks

9) Squiggles with Adrian Yap

10) Roping it in with Inad

11) Clipping mask animation with Sepideh Yazdi

12) Traffic lights with Muazzim MS

13) Say yes with Bady

14) Journey into a timeline with prank

Want more inspiration? Check out all the creations from our talented community on Twitter and LinkedIn!

Go on, show us your creations with the LottieFiles for Figma plugin

Figma to Lottie brings excitement and efficiency to your design process. Whether you're animating a single frame, multiple frames, or an entire prototype, don't be afraid to experiment, explore, and enjoy the process.

Remember, with the LottieFiles for Figma plugin, anyone can effortlessly incorporate production-ready animation and motion into their designs.