Video-Tutorial: Outlook-kompatible Verlaufs-Buttons mit Figma in HTML-E-Mails einfügen

Dieses Video zeigt, wie du mit dem Figma-Plugin Emailify Outlook-kompatible, abgerundete Verlaufs-Buttons in HTML-E-Mails einfügst.

Du kannst deinen Button-Ebenen in Emailify einen Verlaufshintergrund geben, indem du die Eigenschaft „Fill“ deiner Ebene in Figma auf einen linearen oder radialen Verlauf setzt. Dadurch erhält dein Button beim HTML-Export automatisch einen Verlaufshintergrund.

Verlaufshintergründe für Buttons aus Emailify werden von den meisten E-Mail-Clients (auch Outlook) unterstützt. E-Mail-Clients ohne Unterstützung für Verlaufshintergründe verwenden stattdessen die erste Volltonfarbe deiner Figma-Verlaufsfüllung. Achte deshalb darauf, dass sie sich als Fallback eignet (mit genug Kontrast zur Textfarbe deines Buttons), falls Verläufe nicht unterstützt werden (zum Beispiel in Yahoo! Mail).

Beachte, dass der Code für Verlaufs-Buttons in MJML-Exporten nicht enthalten ist und der zusätzliche Outlook-Code dafür in SendGrid-Exporten fehlt. Beide unterstützen den zusätzlichen Code für diese Erweiterungen nicht.