---
url: "/de/emailify/elements/email.md"
description: "Beginne mit dem Email-Frame und füge Rows, Heroes, Wrapper und eigenen Code hinzu."
---

# E-Mail-Frame

> Beginne mit dem Email-Frame und füge Rows, Heroes, Wrapper und eigenen Code hinzu.

Jedes E-Mail-Design in Emailify beginnt mit einem speziellen leeren E-Mail-Frame in Figma, den du mit Layout-Elementen von Emailify füllst.

## Elemente im E-Mail-Frame {#email-frame-elements}

Diese Optionen sind sichtbar, wenn eine ✉️ **Email**-Ebene in Figma ausgewählt ist:

- 🚣 [Content Row](/de/emailify/elements/row)
- 🦸 [Hero](/de/emailify/elements/hero)
- 🎁 [Row Wrapper](/de/emailify/elements/wrapper)
- 🧑‍💻 [Custom Code](/de/emailify/elements/code)

> **Note:** **Hintergrundfarben, -bilder und -verläufe auf ✉️ Email-Frame-Ebenen werden nicht übernommen.** Du kannst aber jeder 🚣 **Row**, jedem 🦸 **Hero** und jedem 🎁 **Wrapper** der obersten Ebene einfarbige, Bild- und/oder Verlaufshintergründe geben.

## Neue Emailify-Ebenen mit „Quick Add“ hinzufügen {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

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.

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