Lottie

A Guide to @{Lottie}|tool:6445| Framework: 5 Steps to Create an Animation

Now imagine you’re a designer who wants to use animation in an app. You must be thinking, “God, this looks so complicated, it’ll take me ages to learn all the tools and understand all the nuances…”. In my experience, these are the questions most newbies ask:

1. Where do I start?
2. Where do I get drawings I can use?
3. I’m not a programmer! Do I have to learn coding?
4. How do I optimize the animation so it works smoothly?
5. Can I test the animation on a real gadget?
6. What do I have to tell the developer so my animation will look the same as the design?
7. I always wanted to make an animation! Will I be able to do it?!

If you answered “Yes” to at least a couple of these questions, then you definitely have to try Lottie, a library developed by the design department of AIRBNB, that parses animations from Adobe After Effects using Bodymovin and renders native animation for mobile phones and web device.