Mit der Element-Ebene 🪑 Data Table renderst du Inhalte in eine HTML-Tabelle mit mehreren Zeilen und Spalten. 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.

Standardmäßig wird 🪑 Data Table auf Desktop und Mobilgeräten gleich dargestellt. Achte also auf die Breite deiner Tabelle, wenn du mehr als ein paar Tabellenspalten hinzufügst.

Für kompakte Tabellen mit Icons und Text oder Zeilen im Stil einer Checkliste wählst du die Hauptebene 🪑 Data Table aus, öffnest Settings, aktivierst Mobile Alignment und wählst Center. So wird die eigentliche Tabellenstruktur auf Mobilgeräten zentriert, statt sich auf Padding links und rechts zu verlassen. Die Abstände zwischen Icons und Text in der Tabelle bleiben erhalten, während der gruppierte Inhalt zentriert wird.

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.