🦸 Hero-Elemente sind eine besondere Art von Inhaltscontainer, deren eigenem Frame-Element ein Hintergrundbild hinzugefügt werden kann.

Hero-Ebenen lassen sich nicht verschachteln und enthalten keine Columns. 🦸 Hero-Elemente können nur direkt in ✉️ Email-Ebenen eingefügt werden. 🦸 Hero-Elemente können keine 🏛️ Column-Ebenen enthalten, weil sie keine mehrspaltigen Layouts unterstützen. Stattdessen werden Inhaltsebenen direkt in den Frame eingefügt, ganz ohne 🏛️ Column-Ebenen (anders als bei einem 🚣 Row-Element).

Hintergrundbilder und/oder Verläufe hinzufügen. Du kannst 🚣 Row-, 🏛️ Column-, 🦸 Hero- und 🎁 Wrapper-Ebenen Bild- und/oder Verlaufshintergründe geben. Beachte, dass reine mjml- und loops-Exporte die Attribute für Hintergrundbilder von Columns weiterhin weglassen.

Inhaltselemente im Hero

Diese Optionen sind sichtbar, wenn eine 🦸 Hero-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.