Video-Tutorial: Tabellen in Figma für HTML-E-Mails importieren

Dieses Video zeigt, wie du mit dem Emailify-Plugin in Figma automatisch Tabellen für HTML-E-Mails aus XLSX/CSV oder Google Sheets erzeugst.

Mit der Option 🧾 Spreadsheet importierst du Daten aus einer CSV- oder XLSX-Tabelle und wandelst sie automatisch in eine HTML-Tabelle mit mehreren Zeilen und Spalten um. Weitere Zeilen oder Spalten fügst du hinzu, indem du die zunächst erstellten Figma-Ebenen für Tabellenzeilen und/oder Datenzellen kopierst und einfügst.

Beachte, dass 🧾 Spreadsheet auf Desktop und Mobilgeräten gleich dargestellt wird. Achte also auf die Breite deiner Tabelle, wenn du mehr als ein paar Tabellenspalten hinzufügst.

Neue Emailify-Ebenen mit „Quick Add“ hinzufügen

In Emailify baust du deine Designs aus speziellen Layoutblöcken und Inhaltselementen auf. Sie werden als Ebenen zu deinen Figma-Designs hinzugefügt und lassen sich aus dem Plugin als HTML exportieren.

Um diese Layoutblöcke und Inhaltselemente hinzuzufügen, erstelle zuerst mindestens einen Emailify-Frame und klick dann auf diesen Frame. Unten im Plugin erscheint automatisch das Kontextmenü Quick Add Element. Klick auf das gewünschte Element und dann auf den Button Add +, um es der ausgewählten Ebene hinzuzufügen.

Welche Optionen das Kontextmenü anbietet, hängt davon ab, welche Figma-Ebene gerade ausgewählt ist.