Video-Tutorial: Eigene Komponenten für HTML-E-Mail-Exporte erstellen

Dieses Video zeigt, wie du eigene Komponenten in deine E-Mail-Designs einfügst und mit dem Emailify-Plugin produktionsreife, responsive HTML-E-Mails aus Figma exportierst.

Wenn die Basiskomponenten, die in Emailify enthalten sind, nicht das Richtige für dich sind, kannst du mit dem integrierten Komponenten-Builder deine eigenen Komponenten erstellen.

Klick in der Kopfzeile der Komponentenkategorien auf den Tab Custom und dann auf den Button Build New Custom Component +. Dadurch öffnet sich der Komponenten-Builder, in dem du das Layout und die Inhaltselemente deiner eigenen Komponente anpassen kannst.

Wenn du mit der Struktur zufrieden bist, klick auf den Button Create & Insert New Component. Die Komponente wird dann in Figma in dein E-Mail-Design eingefügt und außerdem für die spätere Verwendung in deiner Kategorie Custom gespeichert.

Gespeicherte eigene Komponenten bearbeiten und abzweigen

Du kannst deine gespeicherten eigenen Komponenten bearbeiten, indem du in deinen Komponentenkategorien unter dem Tab Custom neben einer Komponente auf den Icon-Button Settings klickst.

Du kannst die aktualisierte Komponente zurück ins Original speichern, indem du auf den Button Update Saved Component klickst. Dadurch wird deine gespeicherte Komponente aktualisiert, aber überall dort, wo sie in deinem Design schon verwendet wird, bleibt sie unverändert.

Alternativ kannst du deine ursprüngliche Komponente abzweigen und als komplett neue eigene Komponente „speichern unter“, indem du auf den Button Create & Insert New Component klickst. Sie wird dann als neue eigene Komponente in deiner Liste gespeichert, ohne die ursprünglich gespeicherte Komponente zu überschreiben.

Gespeicherte eigene Komponente entfernen

Du kannst eine gespeicherte eigene Komponente auch entfernen, indem du auf den Icon-Button Trash klickst. Dadurch wird die gespeicherte Komponente aus den Kategorien Custom und Favourites entfernt, aber überall dort, wo sie in deinem Design schon verwendet wird, weder gelöscht noch verändert.