Tutoriel vidéo : ajoutez des animations Lottie à vos exports de bannières Figma

Cette vidéo montre comment ajouter des animations Lottie à vos bannières avec le plugin Bannerify.

Pour obtenir une animation Lottie, vous pouvez parcourir la sélection d’animations sur LottieFiles.com. Si vous avez créé votre propre animation avec le plugin After Effects, vous pouvez mettre en ligne votre fichier .json sur le site LottieFiles en tant qu’animation privée, puis copier de la même façon l’URL de votre animation pour l’utiliser dans Bannerify.

Par défaut, votre animation Lottie se répète automatiquement en boucle, mais vous pouvez changer ce comportement en désactivant l’option Loop Embed.

Pour retirer une animation Lottie de votre calque, cliquez de nouveau sur l’icône Settings et supprimez l’URL du champ d’intégration Lottie.

Appliquer en masse des URL de fichiers Lottie. Comme pour les autres réglages de calque, vous pouvez appliquer votre URL de fichier Lottie à plusieurs calques à la fois avec la fonctionnalité d’application en masse.

Effets visuels complexes et masques dans les exports vidéo/GIF. Si vous exportez depuis Bannerify en vidéo ou en GIF des bannières contenant des fichiers Lottie, certains fichiers Lottie contiennent des effets spéciaux, des masques ou des styles qui ne seront pas pris en charge comme ils le sont dans les exports HTML.

Certaines plateformes publicitaires bloquent les animations Lottie. Si vous exportez en HTML des bannières contenant des fichiers Lottie pour des plateformes publicitaires comme Google Ads, certaines de ces plateformes refuseront l’import de vos bannières, car elles n’autorisent pas les bibliothèques JavaScript tierces (comme Lottie).