Du gestaltest E-Mails in Figma? Brew, Email Love, Emailify und Stripo im Vergleich: wie sie Frames lesen, wo du danach bearbeitest und wohin das HTML geht.
Dieser Vergleich stammt von Brew. Wir haben die verlinkte Produktdokumentation am 28. September 2026 geprüft. Es ist ein Vergleich der Dokumentation, kein Praxistest jeder einzelnen Plattform. Prüfe die aktuellen Limits der Pläne auf der Preisseite des jeweiligen Anbieters.
Dein Designer stellt den Frame für das Produkt-Update in Figma fertig, und das Team gibt ihn noch am selben Nachmittag frei. Das exportierte HTML sieht im Browser richtig aus, aber im Outlook-Test zerfällt das zweispaltige Layout. In der Woche darauf will jemand aus dem Marketing eine einzige Headline ändern und muss warten, bis der Designer Figma wieder öffnet.
Wenn das Design in Figma entsteht, existiert die E-Mail schon, bevor jemand einen ESP öffnet. Bleibt noch, aus dem Frame HTML zu machen, das in Outlook und im Dunkelmodus korrekt dargestellt wird, und festzulegen, wo die nächste Person die E-Mail bearbeitet.
Die Tools verfolgen zwei Ansätze. Einige sind Figma-Plugins: Du gestaltest in Figma mit ihrem Komponentensystem und exportierst dann. Andere importieren den Figma-Frame und verlagern die Bearbeitung in eine andere App. Dieser Leitfaden vergleicht vier Optionen im Hinblick auf genau diese Entscheidung.
Wir haben am 28. September 2026 die Seiten der Anbieter selbst anhand von vier Kriterien geprüft:
| Tool | Ausgangsmaterial | Danach bearbeiten in | Ausgabe und Ziele | Preise |
|---|---|---|---|---|
| Brew | Jede Frame-URL mit einer node-id |
Canvas von Brew, von Hand oder per Prompt | HTML oder JSX; Versand aus Brew, Export von Vorlagen in unterstützte E-Mail-Plattformen, HTML kopieren oder herunterladen | Free-Plan; Growth 99 US-Dollar/Monat |
| Email Love | Deine Figma-Ebenen oder die über 100 Komponenten des Plugins | Figma | MJML zu HTML; API-Export in 24 Plattformen, Datei-Export für weitere | Kostenlos (5 Exporte/Monat); Starter 19 US-Dollar pro Nutzer und Monat |
| Emailify | Nur Emailify-Komponenten | Figma | Responsives HTML; Export in über 40 ESPs | Pro 49 US-Dollar/Monat |
| Stripo | HTML- oder MJML-Dateien, nicht direkt Figma | Drag-and-drop-Editor von Stripo | Export in ESPs oder als HTML | Kostenlos; Basic 20 US-Dollar/Monat |
Brew verbindet sich per OAuth mit Figma. Du fügst die URL eines Frames in den Chat ein, und Brew wandelt diesen Frame in eine E-Mail um. Kopiere den Link in Figma mit „Copy link to selection“, damit die URL die node-id enthält, die Brew braucht. Der Import beginnt bei dem Frame, den du auswählst. Prüfe die Berechtigungen, die beim Autorisieren der Verbindung angezeigt werden.
Laut der Dokumentation zum Figma-Import übernimmt die Umwandlung Typografie, Farbwerte, Layoutstruktur und Text. Sie ist deterministisch und nutzt kein KI-Modell: Wenn du denselben Frame zweimal importierst, bekommst du dasselbe Ergebnis. Die Umwandlung ist kostenlos.
Hyperlinks auf Texten in Figma bleiben erhalten. Buttons ohne zugeordnete URL verweisen auf #. Brew gibt einen warningCount zurück, der diese fehlenden Links mitzählt, ebenso wie andere Teile des Frames, die sich nicht exakt umwandeln ließen. Behebe sie vor dem ersten Testversand.
Nach dem Import ist der Frame eine ganz normale E-Mail in Brew. Du kannst sie von Hand oder per Prompt bearbeiten, als Vorlage speichern, als Referenzdesign für künftige Generierungen nutzen und Varianten daraus generieren. Du kannst sie über deine verifizierte Domain versenden oder exportieren. Bestehende E-Mail-Designs in markenkonforme E-Mails verwandeln behandelt auch den Import aus HTML und aus Screenshots.
Brew passt zu Teams, in denen Designer das Layout in Figma verantworten, Marketer die E-Mail aber ändern müssen, ohne Figma zu öffnen.
Email Love analysiert deine Figma-Ebenen und wandelt sie in MJML um, aus dem dann E-Mail-taugliches HTML wird. Du kannst die über 100 Komponenten des Plugins nutzen oder mit den Bordmitteln von Figma gestalten. Der Growth-Plan ergänzt AI Studio, das aus einem Briefing Vorlagen auf Basis deines Figma-Designsystems generiert.
Email Love hat direkte API-Integrationen mit 24 Plattformen, darunter Salesforce Marketing Cloud, Braze, Iterable, HubSpot, Klaviyo, Marketo und Customer.io, dazu den Datei-Export für Loops, Shopify und weitere. Der kostenlose Tarif umfasst 5 Exporte pro Monat. Starter kostet 19 US-Dollar pro Nutzer und Monat, Growth 59 US-Dollar, und Professional wird jährlich abgerechnet, mit mindestens drei Nutzern.
Email Love passt zu Designteams, bei denen Figma der einzige Ort bleiben soll, an dem überhaupt jemand die E-Mail bearbeitet.
Emailify ist das Figma-Plugin von Hypermatic. Es bringt über 500 Komponenten und über 20 Vorlagen mit und exportiert responsives HTML in über 40 E-Mail-Plattformen, darunter Mailchimp, Klaviyo, HubSpot, Salesforce, SendGrid und Braze. Ein AI Designer, derzeit in der Beta, baut E-Mails aus einem Briefing und nutzt dafür freigegebene Komponentenbibliotheken.
Emailify exportiert nur E-Mails, die mit Emailify-Komponenten gebaut sind. Bestehende Figma-Designs musst du also zuerst mit diesen Komponenten nachbauen. Für ein Team, das ein neues E-Mail-System aufbaut, kann das ein Vorteil sein, weil die Komponenten bereits E-Mail-tauglich sind. Für ein Team mit einer Bibliothek fertiger Frames bedeutet es zusätzliche Arbeit. Emailify Pro kostet 49 US-Dollar pro Monat oder 499 US-Dollar pro Jahr.
Stripo importiert Figma-Frames nicht direkt. Es importiert HTML- und MJML-Dateien, und Emailify kann per API nach Stripo exportieren. Sobald das Design in Stripo ist, bearbeitest du es in einem Drag-and-drop-Editor mit AI Assistant und Brand Kit und exportierst es dann in einen ESP oder als HTML. Die Pläne heißen Free, Basic für 20 US-Dollar pro Monat, Medium für 45 US-Dollar und Pro für 125 US-Dollar; die monatlichen Export-Limits steigen mit jedem Plan.
Stripo passt zu Teams, in denen Nicht-Designer die Vorlagen in einem visuellen Editor pflegen und Designer nur ab und zu Entwürfe übergeben.
| Dein Setup | Starte mit |
|---|---|
| Fertige Figma-Frames, das Marketing bearbeitet später die Texte | Brew |
| Figma bleibt der einzige Ort zum Bearbeiten, viele ESPs | Email Love |
| Aufbau eines neuen E-Mail-Designsystems in Figma | Emailify |
| Das Marketing pflegt Vorlagen in einem visuellen Editor | Stripo, gespeist aus HTML oder Emailify |
Egal, für welches Tool du dich entscheidest, es gelten dieselben Gestaltungsregeln:
test_email_rendering von Brew und ähnliche Vorschauen helfen dabei. Prüfe die finale Version zusätzlich in einem echten Posteingang.Mit Brew und Email Love kannst du von deinen eigenen Frames ausgehen. Bei Emailify muss das Design Emailify-Komponenten verwenden. In jedem Tool werden die Ergebnisse am besten, wenn der Frame die Grenzen von E-Mail respektiert: eine Spalte oder einfache Spalten, Standardbreiten und keine Effekte, die E-Mail-Clients nicht darstellen können.
Sehr ähnlich, aber nicht in jedem Posteingang identisch. E-Mail-Clients stellen Layouts unterschiedlich dar, und der Dunkelmodus kann Farben verändern. Betrachte die Umwandlung als Ausgangspunkt und prüfe sie in echten Clients.
Brew importiert den Frame so, wie er in dem Moment aussieht, in dem du ihn teilst. Eine Live-Synchronisierung beschreibt die Dokumentation nicht. Wenn sich das Design in Figma ändert, importiere den Frame erneut oder bearbeite die E-Mail in Brew.
Ja. In Brew kannst du HTML kopieren oder herunterladen, Email Love exportiert HTML oder MJML, Emailify exportiert HTML, und Stripo exportiert HTML.
Wenn du es mit einem echten Frame ausprobieren willst, verbinde Figma mit Brew, füge die URL eines Frames ein und prüfe die importierten Links vor deinem ersten Testversand.
