---
url: "/de/emailify/design/email.md"
description: "Jedes E-Mail-Design in Emailify beginnt mit einem speziellen leeren E-Mail-Frame in Figma, den du mit Layouts und Inhalten von Emailify füllst."
---

# Deinen ersten E-Mail-Frame von Emailify in Figma erstellen

> Jedes E-Mail-Design in Emailify beginnt mit einem speziellen leeren E-Mail-Frame in Figma, den du mit Layouts und Inhalten von Emailify füllst.

[Video](/assets/videos/emailify/design/create-new-email.mp4)

Wenn du das Emailify-Plugin zum ersten Mal auf einer Figma-Seite ausführst, die noch keine Container-Frames von Emailify enthält, öffnet das Plugin automatisch das Modal **New Email**, damit du wählen kannst, wie du beginnen willst.

Das Modal **New Email** öffnet sich auf dem Tab **Blank**, gefolgt von **Templates**, **Layouts** und **AI Designer**. Lokal aktivierte Entwicklungs-Builds zeigen am Ende außerdem den experimentellen [Tab „Import“](/de/emailify/design/import).

Gib deiner E-Mail im Tab **Blank** einen Namen (zum Beispiel „My Email Template“) und klick dann auf den Button **Add New Emailify Container**, um deinen leeren E-Mail-Frame zu deiner Figma-Seite hinzuzufügen.

Das Figma-Plugin Emailify erkennt diesen neuen, speziellen Frame automatisch als E-Mail. Du kannst ihm dann mit den Design-Funktionen des Plugins Layouts und Komponenten hinzufügen.

> **Tip:** Bist du neu im Plugin oder suchst Inspiration, kannst du im Modal **New Email** [Layouts](/de/emailify/design/starter-layouts) verwenden, die Unterkategorie [Randomize](/de/emailify/design/random-layouts) ausprobieren, [Figma-Vorlagen](/de/emailify/design/templates) duplizieren oder den [AI Designer (BETA)](/de/emailify/design/ai-designer) nutzen.

## Weitere Emailify-Container hinzufügen {#adding-additional-emailify-containers}

Füge so viele Container-Frames von Emailify hinzu, wie du brauchst. Das Plugin behandelt jeden Container als eigene E-Mail.

Hast du deiner Seite schon einen Emailify-Frame hinzugefügt, kannst du jederzeit einen neuen leeren Frame anlegen: Klick im Emailify-Plugin neben der E-Mail-Auswahl auf den Icon-Button **+** (Plus). Du wirst dann aufgefordert, einen neuen leeren E-Mail-Frame zu benennen und zu erstellen.

> **Info:** Wenn du nicht bei null anfangen willst, kannst du einen vorhandenen Emailify-Frame auch **kopieren und einfügen**. Komponenten lassen sich ebenfalls aus einem Emailify-Frame kopieren und in einen anderen einfügen.

## Einen Emailify-Frame auswählen {#selecting-an-emailify-frame}

Um eine E-Mail auszuwählen und Komponenten hinzuzufügen, nutze das Dropdown der E-Mail-Auswahl im Emailify-Plugin oder klick auf dem Figma-Canvas auf den übergeordneten Frame.

Wählst du eine E-Mail im Auswahlfeld aus, springt die Ansicht deiner Figma-Seite automatisch zur ausgewählten E-Mail.

> **Note:** **Prüfen, welcher E-Mail-Frame aktiv ist** Der Name, der im Dropdown der E-Mail-Auswahl von Emailify als ausgewählt angezeigt wird, zeigt immer an, welche E-Mail gerade ausgewählt ist.

## Mobiler Breakpoint der E-Mails {#mobile-breakpoint-for-the-emails}

Die aus Emailify exportierten HTML-E-Mails haben einen einzigen „Breakpoint“, der automatisch aus der Breite des Desktop-Frames in Figma übernommen wird. Ist dein Emailify-Frame zum Beispiel 600px breit, greifen die mobilen Stile bzw. Anpassungen ab 599px und darunter.

### Empfohlene E-Mail-Breite: 600px – 640px {#recommended-email-width-is-600px-640px}

Eine E-Mail-Breite zwischen 600px und 640px wird in der Regel empfohlen, weil die Lesebereiche mancher E-Mail-Clients oder Apps schmaler als 700px sein können. In einem schmaleren Lesebereich werden womöglich die mobilen Stile statt des Desktop-Layouts angezeigt. Ist dein Emailify-Frame zwischen 600px und 640px breit, wird das Desktop-Layout in E-Mail-Clients auf Desktop und Tablet einheitlich dargestellt.