Video-Tutorial: HTML-E-Mails aus Figma in verschiedenen Clients testen
Dieses Video zeigt dir, wie du mit dem Plugin Emailify und Litmus.com aus Figma exportierte HTML-E-Mails in verschiedenen Clients testest.
Video-Tutorial: HTML-E-Mails aus Figma im Dark Mode testen
Dieses Video zeigt dir, wie du mit dem Plugin Emailify und Litmus.com aus Figma exportierte HTML-E-Mails im Dark Mode testest.
Video-Tutorial: HTML-E-Mails aus Figma in Gmail testen
Dieses Video zeigt dir, wie du mit dem Plugin Emailify und Litmus.com aus Figma exportierte HTML-E-Mails in Gmail testest.
Video-Tutorial: HTML-E-Mails aus Figma auf Mobilgeräten testen
Dieses Video zeigt dir, wie du mit dem Plugin Emailify und Litmus.com aus Figma exportierte HTML-E-Mails auf Mobilgeräten testest.
Video-Tutorial: HTML-E-Mails aus Figma in Outlook testen
Dieses Video zeigt dir, wie du mit dem Plugin Emailify und Litmus.com aus Figma exportierte HTML-E-Mails in Microsoft Outlook testest.
Video-Tutorial: Test-E-Mails aus Figma mit PutsMail an dich selbst senden
Dieses Video zeigt dir, wie du mit dem Plugin Emailify und PutsMail.com HTML-E-Mails aus Figma als Test an dich selbst sendest.
Die Basis-Designkomponenten, die mit dem Plugin Emailify geliefert werden, wurden vorab mit Litmus getestet, damit sie in allen gängigen Desktop-E-Mail-Clients (einschließlich Outlook) und mobilen E-Mail-Clients gut aussehen.
Trotzdem lohnt es sich immer, deine eigenen E-Mails mit einem Dienst wie Mailgun Inspect, Litmus oder Email on Acid zu testen, um sicherzugehen, dass sie vor dem Versand gut aussehen.
Du kannst das exportierte HTML auch mit einem Dienst wie htmltest.email an Postfächer senden, auf die du Zugriff hast. Den vollständigen Ablauf und seine Grenzen findest du unter Manuelle Testversände von HTML-E-Mails an Postfächer.
Email Previews im Plugin verwenden
Öffne die HTML-Vorschau einer E-Mail und wähl dann Email Previews, um direkt in Emailify Screenshots aus E-Mail-Clients anzufordern.
- Nutze die Client-Auswahl über den Checkboxen. Beim ersten Laden ist Recommended Clients (Default) ausgewählt. Du kannst auch Mobile Clients, Desktop Clients, Outlook Clients, Apple Clients, Web Clients oder All Clients wählen und dann einzelne Checkboxen anpassen.
- Gib einen Preview Name und eine Subject Line ein.
- Klick auf Run Email Preview Test. Fertige Screenshots erscheinen, sobald der jeweilige Client fertig ist.
- Prüf die Ergebnisse und klick dann auf Download ZIP, um die Screenshots und ihre HTML-Galerie zu speichern.
Jeder Test unterstützt bis zu 12 Clients. Enthält eine Gruppe mehr, zeigt das Panel an, wie viele ausgewählt wurden. Teste die übrigen Clients dann separat. Presets enthalten nur Clients, die im unterstützten Dienstkatalog von Emailify verfügbar sind. Bei manuellen Änderungen an den Checkboxen wird Custom Selection angezeigt. Gmail im Web ist als Gmail (Firefox) verfügbar und in „Recommended“ enthalten, wenn der Dienst diesen Client liefert. Die Maske über der Absenderzeile ersetzt das Branding des Anbieters, während der Inhalt der E-Mail erhalten bleibt.
Mit Recent Tests öffnest du gespeicherte Tests erneut, mit Change Clients passt du die Client-Auswahl an, und mit New Test bereitest du einen weiteren Test vor. Der Zugriff hängt von deiner aktuellen Emailify-Lizenz oder deinem Testkontingent ab. Diese Screenshots testen die Darstellung in E-Mail-Clients. Sie sagen nichts darüber aus, ob die E-Mail im Posteingang landet oder bei deinen Empfängern zugestellt wird.
Die Integration mit Mailgun Inspect verwenden
Emailify bietet eine eigene Integration mit Mailgun Inspect, die das erzeugte HTML direkt aus Figma hochlädt. So kannst du die Vorschau in den E-Mail-Clients und auf den Geräten testen, die dein Mailgun-Konto bereitstellt.
Anleitungen zu Einrichtung und Upload findest du unter HTML-E-Mails mit Mailgun Inspect testen.
Die Integration mit Email on Acid verwenden
Ab Juni 2026 werden bestehende Abo-Kunden von Email on Acid schrittweise auf Mailgun Inspect umgestellt.
Video-Tutorial: HTML-E-Mail-Tests aus Figma zu Email on Acid exportieren
Dieses Video zeigt dir, wie du HTML-E-Mail-Tests aus dem Figma-Plugin Emailify zu Email on Acid hochlädst.
Emailify hat eine integrierte Integration mit Email on Acid, mit der du HTML-E-Mail-Tests direkt aus dem Figma-Plugin in deine Email-on-Acid-Projekte hochladen kannst.
Wähl im Export-Panel von Emailify in der Dropdown-Liste die Option Email on Acid und füge einen gültigen API-Schlüssel von Email on Acid ein, den du auf der Seite deines Email-on-Acid-Kontos erzeugen kannst. Füge dann im zweiten Textfeld der Exportoptionen von Emailify dein Kontopasswort für Email on Acid ein (das, mit dem du dich auf der Website anmeldest).
Wenn du so weit bist, klick auf den Button Send To Email on Acid. Emailify exportiert dann die in Figma ausgewählten E-Mails als HTML und lädt sie automatisch in deine Email-on-Acid-Projekte hoch.