86
Lottie, an open source library making animation extremely easy for native apps (airbnb.design)
almost 7 years ago from Karri Saarinen, Design System Lead at Airbnb
13 comments
Karri Saarinen, almost 7 years ago
Read more about why we built Lottie on Airbnb Design http://airbnb.design/introducing-lottie/
Kunal Bhatia, almost 7 years ago Nice work Karri and the team at Airbnb!
I saw something similar from the Facebook team in November and haven't gotten a chance to use it yet. Are you familiar with Keyframes (https://code.facebook.com/posts/354469174916519/keyframes-delivering-scalable-high-quality-animations-to-mobile-clients/)? What is the main difference between Lottie and Keyframes?
Salih Abdul-Karim, almost 7 years ago Hi Kunal! I'm one of the designers at Airbnb who helped out with Lottie. The main difference is the amount of After Effects features we support. Things like solids, masks, dotted lines, trim paths, etc. Facebook picked a small set of After Effects features to support, since they were focusing mainly on reactions and keeping the library compact, but we want to support as many as possible.
Rachel Mersky, almost 7 years ago
I just started playing with Bodymovin today, so I'm super excited to see this for native apps! Can't wait to play.
Jan Semler, almost 7 years ago
This is awesome! If you need something similar for web have a look here: https://github.com/bodymovin/bodymovin
edit: just noted that you need to have bodymovin installed O_o stupid me...
Drew McDonald, almost 7 years ago
I've used this library, pretty fantastic!
Otomar Nemecek, almost 7 years ago
Awesome stuff guys!
Bady Qb, almost 7 years ago
@Karri @Salih Does anyone know how to use this when design it for iOS? can we create the canvas based on @1x in AE, then when it's exported, the results can be scaled up to different res?
Salih Abdul-Karim, almost 7 years ago Hi Bady! Yes i usually work @1x in AE and export as @1x and the results can be scaled up to whatever size you need.
Sometimes if the details of the asset are too small to work with in AE at 1x, I will make a 3x composition, work in that and then when its time to export i will attach everything to a null, scale everything down to 1x and make the composition @1x before I export. It's especially hard to work in a 50x50 box in after effects if your animating something small.
Chris Martin, almost 7 years ago
This looks great, nice work to all involved!
Bjoern Zinssmeister, almost 7 years ago
This is actually pretty cool. Nice work team airbnb!!
Markus Bergh, almost 7 years ago
Great stuff!
Steve Berry, almost 7 years ago Looks awesome.
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now