Ajouter des états de survol

Ajoutez des états de survol aux boutons et aux liens, avec des remarques sur leur prise en charge et des aperçus.

Les styles de survol ne sont pas pris en charge partout. Actuellement, la prise en charge des styles de survol par les clients de messagerie reste relativement faible : gardez-le à l’esprit et concevez vos emails en traitant ces styles de survol comme une « amélioration progressive ». Si un client de messagerie ne prend pas en charge les styles de survol, l’état de survol du bouton reste simplement identique à son état normal lorsque l’utilisateur le survole.

Tutoriel vidéo : ajouter des effets de survol aux boutons des emails HTML depuis Figma

Cette vidéo montre comment ajouter des effets de survol aux boutons des emails HTML depuis Figma avec le plugin Figma Emailify.

Vous pouvez appliquer des états de survol à n’importe quel calque « 🔗 Button » d’Emailify : sélectionnez le calque lorsque le panneau Settings est ouvert, puis, dans la zone Button Hover State, ajoutez les valeurs de couleur hexadécimales et/ou choisissez l’effet de transition animée à appliquer au calque de bouton sélectionné lors du survol.

Vous pouvez définir tout ou partie des propriétés suivantes :

  • Couleur d’arrière-plan (Background Color)
  • Couleur du texte (Text Color)
  • Transition

Vous pouvez prévisualiser vos états de survol avec la fonction d’aperçu HTML du plugin.

Ajouter des états de survol aux liens de texte et de navigation ​

Tutoriel vidéo : ajouter des couleurs de survol aux liens de texte des emails HTML depuis Figma

Cette vidéo montre comment ajouter des couleurs de survol aux liens de texte des emails HTML depuis Figma avec le plugin Figma Emailify.

Vous pouvez appliquer des états de survol à n’importe quel calque « ✍️ Text » ou « 🍔 Navigation » d’Emailify : sélectionnez le calque lorsque le panneau Settings est ouvert, puis, dans la zone Links Hover State, ajoutez la valeur de couleur hexadécimale à appliquer aux liens de texte du calque sélectionné lors du survol.

Vous pouvez aussi activer l’option Fade Transition, qui ajoute une légère transition au changement de couleur du texte du lien lors du survol.

Vous pouvez prévisualiser vos états de survol avec la fonction d’aperçu HTML du plugin.

Les styles de survol ne sont pas pris en charge partout. Actuellement, la prise en charge des styles de survol par les clients de messagerie reste relativement faible : gardez-le à l’esprit et concevez vos emails en traitant ces styles de survol comme une « amélioration progressive ». Si un client de messagerie ne prend pas en charge les styles de survol, l’état de survol du bouton reste simplement identique à son état normal lorsque l’utilisateur le survole.