Créer des animations personnalisées sans utiliser des images animées (comme un GIF) est souvent difficile, surtout si vous devez en créer pour iOS et pour Android. Lottie est une solution simplifiée qui permet de convertir des animations réalisées avec After Effects en animation native pour les apps iOS, Android et pour toutes celles qui sont développées avec React Native.

After Effects est un outil d’Adobe spécialisé dans l’animation, au départ pour les vidéos. Ce logiciel est souvent utilisé pour animer le logo d’une émission de télévision ou bien pour réaliser des vidéos animées. Lottie repose sur une extension capable de convertir n’importe quelle animation créée dans le logiciel d’Adobe et de la convertir sous la forme d’un fichier JSON.

Les développeurs peuvent ensuite exploiter ce document qui décrit l’animation sous la forme de texte — ce qui le rend beaucoup plus léger qu’une vidéo — pour l’intégrer à leurs apps. Lottie fournit pour cela une API gratuite et open-source pour chaque plateforme mobile. Est-ce que cette solution fonctionne ? Elle est d’ores et déjà utilisée par ses concepteurs, qui sont tous développeurs chez Airbnb.

La version actuelle de l’app contient plusieurs animations crées d’abord dans After Effects et exploitées grâce à Lottie. C’est au moins la garantie que ce nouveau système peut fonctionner avec les plus gros projets. Pour en savoir plus, vous pouvez lire l’article d’annonce et découvrir Lottie sur GitHub pour iOS, pour Android et pour React Native.