Figma to Lottie | Export production-ready animations from Figma

preview_player
Показать описание
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 the LottieFiles for Figma plugin!

Follow #LottieFiles on social media:

#lottiefiles #lottie #motionindesign #animation #motion #figma #lottiefilesfigma #lottiefigma #lottieanimation #lottiefilesfigmaplugin #lottietofigma #animationsinfigma #lottiefilesforfigma #lottiefilesforfigmaplugin
  1. LottieFiles
  2. lottie
  3. lottiefiles
  4. animation
  5. lottie animation
  6. bodymovin
Рекомендации по теме
Figma to Lottie 0:07:13

Figma to Lottie Animations!

Figma to Lottie 0:01:02

Figma to Lottie | Export production-ready animations from Figma

Figma to Lottie: 0:05:27

Figma to Lottie: The Long-Awaited Export Feature is Here | Export As JSON

You Can FINALLY 0:11:20

You Can FINALLY Export Figma Animations To Lottie! – LottieFiles Features + Tutorial

How to use 0:00:45

How to use Figma to Lottie plugin - IN 45 SECONDS

Figma to Lottie 0:00:32

Figma to Lottie Plugin

From Figma to 0:13:41

From Figma to Lottie - UI/UX Animations Made Easy

Creating Lottie animations 0:06:45

Creating Lottie animations in Figma

Create Lottie Animations 0:00:30

Create Lottie Animations in Figma! (Bye AE 👋)

Figma to Lottie 0:04:58

Figma to Lottie | How to create production-ready Lottie animations in Figma

New Figma to 0:14:50

New Figma to Lottie Files - Production ready animations in Figma

Easy Lottie Animation 0:12:08

Easy Lottie Animation with Figma & Lottielab - Complete Step-by-Step Tutorial

Exporter ses ANIMATIONS 0:05:54

Exporter ses ANIMATIONS depuis FIGMA !? (Tuto Fr)

Globe animation in 0:00:56

Globe animation in Figma + export to Lottie

From Figma to 0:11:26

From Figma to Android Studio - Infinite Lottie Animation - Easy Tutorial

Apple Hello word 0:00:46

Apple Hello word animation + export in Lottie

Lottielab's 'Figma to 0:00:35

Lottielab's 'Figma to Lottie animations' Plugin launch

Adding Motion to 0:13:46

Adding Motion to Your Designs with LottieFiles

Figma Animation Export 0:00:35

Figma Animation Export with Lottie Plugin #figma #lottie #uiuxdesign

How to Create 0:10:49

How to Create Lottie Animation using Figma Aninix Plugin

Exporter des ANIMATIONS 0:01:00

Exporter des ANIMATIONS depuis FIGMA !

#5 Using LottieFiles 0:03:25

#5 Using LottieFiles for Figma | Saptarshi's Guide to Lottie and LottieFiles

Animate Icons in 0:07:20

Animate Icons in Figma in 1 Click! + Export As Json | Design Weekly

Day to night 0:45:00

Day to night toggle animation | Figma to Lottie. No After Effects Needed!

Комментарии
Автор

Amazing, this is what all designers need for creating easy animation

uipetals
Автор

FANTASTIC! That's what I've been waiting for. I've change from XD to Figma just because of this.

bluedeath
Автор

Sadly it can do only linear transformations. There is no way to rotate objects or move them across a path.

LeonardLeon
Автор

Please tell us about the export process or any plugins required for exporting high quality files

suyashchauhan
Автор

Yeah, but the JSON file that exports it doesn't work

elipena
Автор

Using the plugin is by far the biggest pain point. Even when the figma prototype is working seamlessly, the lottie plugin finds creative ways to fuck it up beyond repair. I have been trying to export one GIF for the past 3 days and no matter what I do it does not work.

Things I tried and did not work
1. Using images instead of real elements (the ones that remain static)
2. Using images for all the prototype
3. Kept names of layers same throughout to help smart animate do its magic
4. Laid out every single step to avoid any confusion for this little software

YET nothing has worked. IDK what to do anymore

rajmasih