Tutoriel vidéo : ajouter des animations de survol à vos bannières Figma

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

Vous pouvez ajouter un état de survol animé (pour les exports HTML) à n’importe quel calque de votre timeline en cliquant sur l’interrupteur Add Hover, puis en choisissant une animation de survol dans le menu déroulant qui apparaît. Activez l’interrupteur Loop pour répéter l’animation, et faites glisser l’extrémité de sa barre de timing de survol pour en ajuster la vitesse.

Pour prévisualiser l’animation, survolez le calque avec la souris dans la fenêtre d’aperçu de Bannerify.

Appliquer une animation de survol à plusieurs calques. Vous pouvez aussi appliquer en masse une animation de survol à plusieurs calques avec la fonctionnalité d’application en masse.

Ajouter des états de survol avec transition

Pour passer d’un état à un autre (par exemple, changer les couleurs d’un bouton CTA au survol), créez votre calque d’état « survol », placez-le au-dessus du calque d’origine et appliquez-lui l’état de survol d’entrée pour qu’il apparaisse en transition chaque fois que l’élément est survolé.