![]() Now engineers can use exactly what the designer intended, exactly how it was made. With Lottie, digging through frameworks for reference, guessing durations, manually creating Bézier curves, and re-making animations with nothing more than a GIF for reference will be a thing of the past. Nick Butcher’s jump through animation, Bartek Lipinski’s hamburger menu, and Miroslaw Stanek’s Twitter heart demonstrate just how difficult and time consuming it can be to re-create animations from scratch. ![]() Lottie allows engineers to build richer animations without the painstaking overhead of re-writing them. Our team ( Brandon Withrow on iOS, Gabriel Peal on Android, Leland Richardson on React Native, and I on experience design) began our journey by building on top of Torrisi’s phenomenal work. Since February of 2015, Bodymovin’s creator, Hernan Torrisi, has built a solid foundation by adding features and improvements to the plugin on a monthly basis. The extension is bundled with a JavaScript player that can render the animations on the web. Lottie uses animation data exported as JSON files from an open-source After Effects extension called Bodymovin. ![]() Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, and allows native apps to use animations as easily as they use static assets. Today, we’re happy to introduce our solution. Because of this, most apps weren’t using animation - despite it being a powerful tool for communicating ideas and creating compelling user experiences. You either had to add bulky image files for each screen size or write a thousand lines of brittle, hard-to-maintain code. We are doing the same thing to motion design industry.In the past, building complex animations for Android, iOS, and React Native apps was a difficult and lengthy process. “Before Canva, it was Photoshop, which needed hundreds of hours. “We are democratizing motion design the way Canva democratized design,” said Minglani. LottieFiles allows designers to preview how their animation will look in the app and then ship it without hours of coding. Otherwise, Minglani told TechCrunch, the process is very complicated. The startup currently has a plug-in for Adobe After Effects and other design software. LottieFiles simplifies the workflow between creating an animation in software like Adobe After Effects, then shipping it to its final destination in an app. Since its Series A, LottieFiles has grown from about 1 million users to 3.1 million. LottieFiles has now raised about $47 million in total. TechCrunch last covered the company when it announced a $9 million Series A in January 2021. LottieFiles was founded in 2017 by Minglani and Nattu Adnan. LottieFiles also has the world’s largest repository of free-to-use Lottie animations. LottieFiles plans to use the funding to expand it product roadmap, hire for its engineering and R&D teams and develop a new workflow that will make shipping Lottie animations easier so designers can focus more on animations. The startup announced today that it has raised $37 million in Series B funding led by Square Peg Capital, with participation from XYZ Venture Capital, GreatPoint Ventures and returning investors 500 Global and Microsoft Venture Fund, M12. LottieFiles is now used by animation and motion designers at 150,000 companies, including Google, TikTok, Disney, Uber, Airbnb and Netflix. What LottieFiles does is streamline the process of turning animations made in software like Adobe After Effects into Lotties so they can be placed in apps. The JSON-based file format, first introduced as an open source library by Airbnb engineers, can now be seen in the top 500 iOS and Android apps, said LottieFiles co-founder Kshitij Minglani.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |