This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Adam Mazurick
Posted Feb 16 - Read on Facebook

Trying to learn how to use Lottie in my prototype. I'm having trouble setting-up the prototype. Can anyone help me? Here is the JSON I exported from After Effects. I just want to create a simple prototype so I can see how to use Lottie.

8 Comments

Jordan Robert Dobson

Sounds fun. I can take a look later today.

Chris Camargo

Doesn't Lottie rely on React Native in a web context?

Adam Mazurick

So I looked at your project. It's rather complicated and appears to have several directories. Is there a simple project that breaks down the steps to 1. Import lottie in to framer 2. Assign controls to animations?

Adam Mazurick

I export it using the following method

Adam Mazurick

Adam Mazurick

Adam Mazurick

Nitin Sampathi #1 Thank you very very much for taking the time to help me. That's very nice of you. #2 I will try your suggestions tonight and see what happens. I will message you tomorrow. Could you please send me the test you did with my JSON or just share it with everyone? I used a third party plugin in After Effects called Motion from the kind people at Mt.Mograph. I want to see if it translated the right easing.

Sigurd Tapio Mannsåker

In addition to Nitin Sampathi's technique, you can also just use a Framer layer's DIV element to render to directly, without adding another nested div manually.

Read the entire post on Facebook