Tutoriel vidéo : ajouter des boutons en dégradé compatibles Outlook aux emails HTML avec Figma

Cette vidéo montre comment ajouter des boutons arrondis en dégradé compatibles Outlook à vos emails HTML avec le plugin Figma Emailify.

Vous pouvez ajouter un arrière-plan en dégradé à vos calques Button dans Emailify en réglant la propriété « Fill » de votre calque, dans Figma, sur un dégradé linéaire ou radial. Un arrière-plan en dégradé est alors automatiquement ajouté à votre bouton lors de l’export HTML.

Les arrière-plans de bouton en dégradé exportés par Emailify sont pris en charge par la plupart des clients de messagerie (Outlook inclus). Les clients qui ne prennent pas en charge les arrière-plans en dégradé affichent la première couleur unie de votre remplissage en dégradé Figma : assurez-vous donc qu’elle convient comme couleur de repli (avec assez de contraste par rapport à la couleur du texte du bouton) dans les cas où le dégradé n’est pas pris en charge (par exemple Yahoo! Mail).

Notez que le code des boutons en dégradé n’est inclus dans aucun export MJML, et que le code supplémentaire pour Outlook n’est inclus dans aucun export SendGrid : aucun des deux ne prend en charge le code supplémentaire nécessaire à ces améliorations.