Mit 🏛️ Content-Elementen erstellst du ein- oder mehrspaltige Layouts, die die eigentlichen Inhaltsebenen enthalten.

Column-Ebenen lassen sich nicht verschachteln. 🏛️ Column-Elemente können nur direkt in 🚣 Row-Ebenen eingefügt werden. Wenn du mehrere Zeilen mit Spalten brauchst, musst du für jede Zeile eine neue 🚣 Row erstellen.

🏛️ Column-Ebenen können Hintergrundbilder und Verläufe enthalten, und zwar in der Vorschau von Emailify und in als HTML gerenderten Exporten. Du kannst auch den 🚣 Row-, 🦸 Hero- und 🎁 Wrapper-Ebenen der obersten Ebene Bild- und/oder Verlaufshintergründe geben. Reine mjml- und loops-Exporte lassen die Attribute für Hintergrundbilder von Columns weiterhin weg.

Inhaltselemente in Columns

Diese Optionen sind sichtbar, wenn eine 🏛️ Column-Ebene in Figma ausgewählt ist:

• ✍️ Text
• 📷 Image
• 🔗 Button
• 📐 Spacer
• ➖ Divider Line
• 🧾 Spreadsheet (Import)
• 🪑 Data Table
• 🍔 Navigation Links
• 🐦 Social
• 🎠 Image Carousel

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.