While Figma has not provide native support for Lottie animations yet, you can still easily add them to your Figma designs by converting them to GIFs.
Here's how you can add the Lottie animation as GIF to your Figma designs:
Install the LottieFiles for Figma plugin. Follow the installation guide here
Once the plugin is installed, open it. You'll see three tabs:
- Discover: Browse and choose Lottie animations from a public library.
- Workspace: Pick animations from your own workspace.
- Import: Add .json files from your computer or via a URL.
Select your animation, open it, and click Insert as GIF
Choose the GIF resolution that suits your design and click Insert GIF
Your Lottie animations will be transformed into GIFs and added into your Figma designs.
It's as simple as that!