Video-Tutorial: HTML-E-Mails mit kostenlosen Figma-Vorlagen gestalten

Dieses Video zeigt, wie du mit kostenlosen Figma-E-Mail-Vorlagen und dem Figma-Plugin Emailify HTML-E-Mails gestaltest.

Die mit Emailify mitgelieferten Figma-Vorlagen kannst du zu 100 % kostenlos für eigene private und kommerzielle Projekte nutzen. Sie sollen dir helfen, besser kennenzulernen, welche Layouts und Komponenten du mit dem Plugin erstellen kannst.

Im Tab Templates des Modals New Email kannst du direkt im Plugin kostenlose, fertig gestaltete Dateien aus der Figma Community durchsuchen, die für Emailify vorbereitet sind.

Wenn du Inspiration suchst oder fertig gestaltete Emailify-Layouts oder -Komponenten kopieren, einfügen und mit deinem eigenen Branding und Inhalt anpassen willst, klick auf den Tab Templates und dann auf ein beliebiges Vorlagen-Vorschaubild, um die jeweilige Datei in der Figma Community zu öffnen.

Sobald die Seite der Datei in der Figma Community geladen ist, duplizierst du die Figma-E-Mail-Vorlage mit einem Klick auf den Button Open in Figma. Wähl dann das Figma-Konto, in das die Figma-Datei als neuer Entwurf dupliziert werden soll.

Öffne die duplizierte Figma-Datei mit dem Emailify-Frame und führ das Emailify-Plugin erneut aus, um sie als HTML in der Vorschau zu sehen. Du kannst das Design beliebig anpassen oder einzelne Row-Ebenen oder Elemente in deinen eigenen Emailify-Frame kopieren, um Teile aus verschiedenen Emailify-Startervorlagen zu kombinieren.

Der Tab Templates öffnet vollständige Dateien aus der Figma Community. Wenn Emailify direkt in deiner aktuellen Datei einen neuen Frame erstellen soll, nutze stattdessen Layouts.