Add Lottie animations to Figma Sites in seconds

Now it’s easier than ever to bring your site to life with motion. With LottieFiles oembed handoff, you can pick from our massive animation library(or use your own animations in workspace) and instantly embed them into any Figma Site.

🎉 What's new

Paste-to-animate for Figma Sites!
You can now browse from 100,000+ free animations on LottieFiles and embed them into Figma Sites in just a few clicks.
Animations saved from Figma plugins, After Effects plugins, or even from LottieFiles community work exactly the same—just copy the oEmbed link and paste it.

✨ How it works

Find your animation – Search our library to download, or use your own animation saved to your workspace.
Copy the oEmbed link – In the Handoff tab, toggle on Asset CDN, then copy the oEmbed URL.
Paste it in Figma Sites – In your Figma Site file, go to Insert > Embeds > URL or HTML block and paste the URL. Click Preview and—animated!

Now, bring your animations to others — easier and faster than ever!

Learn more at lottiefiles.com/figma

Now it’s easier than ever to bring your site to life with motion. With LottieFiles oembed handoff, you can pick from our massive animation library(or use your own animations in workspace) and instantly embed them into any Figma Site.

🎉 What's new

Paste-to-animate for Figma Sites!
You can now browse from 100,000+ free animations on LottieFiles and embed them into Figma Sites in just a few clicks.
Animations saved from Figma plugins, After Effects plugins, or even from LottieFiles community work exactly the same—just copy the oEmbed link and paste it.

✨ How it works

Find your animation – Search our library to download, or use your own animation saved to your workspace.
Copy the oEmbed link – In the Handoff tab, toggle on Asset CDN, then copy the oEmbed URL.
Paste it in Figma Sites – In your Figma Site file, go to Insert > Embeds > URL or HTML block and paste the URL. Click Preview and—animated!

Now, bring your animations to others — easier and faster than ever!

Learn more at lottiefiles.com/figma

Now it’s easier than ever to bring your site to life with motion. With LottieFiles oembed handoff, you can pick from our massive animation library(or use your own animations in workspace) and instantly embed them into any Figma Site.

🎉 What's new

Paste-to-animate for Figma Sites!
You can now browse from 100,000+ free animations on LottieFiles and embed them into Figma Sites in just a few clicks.
Animations saved from Figma plugins, After Effects plugins, or even from LottieFiles community work exactly the same—just copy the oEmbed link and paste it.

✨ How it works

Find your animation – Search our library to download, or use your own animation saved to your workspace.
Copy the oEmbed link – In the Handoff tab, toggle on Asset CDN, then copy the oEmbed URL.
Paste it in Figma Sites – In your Figma Site file, go to Insert > Embeds > URL or HTML block and paste the URL. Click Preview and—animated!

Now, bring your animations to others — easier and faster than ever!

Learn more at lottiefiles.com/figma