---
url: "/de/emailify/design/padding.md"
description: "Passe den vertikalen und horizontalen Innenabstand deiner Layout-Ebenen in Emailify über die Auto-Layout-Eigenschaft „Padding“ an."
---

# Innenabstand zu E-Mail-Layouts hinzufügen

> Passe den vertikalen und horizontalen Innenabstand deiner Layout-Ebenen in Emailify über die Auto-Layout-Eigenschaft „Padding“ an.

## Innenabstand zu deinen Layout-Ebenen hinzufügen {#adding-padding-to-your-layout-layers}

[Video](/assets/videos/emailify/design/adding-layout-padding.mp4)

Um die Höhe deiner Layout-Ebenen festzulegen und zu bestimmen, wie viel Abstand oben oder unten bleibt, passt du in Figma die Auto-Layout-Eigenschaft **Vertical Padding** an.

Um die Breite des inneren Inhalts deiner Layout-Ebenen festzulegen und zu bestimmen, wie viel Abstand links oder rechts bleibt, passt du in Figma die Auto-Layout-Eigenschaft **Horizontal Padding** an.

> **Warning:** Lege die Höhe von Row- oder Column-Ebenen immer über **Padding** fest (und setze die Auto-Layout-Höhe der Ebene auf **Hug**). Mit **Fixed** festgelegte Höhen in Figma werden nicht ins fertige HTML übernommen, weil die Höhe von HTML-Elementen von der Größe ihres Inhalts (plus Innenabstand oben und unten) abhängt. **Padding** ist daher der zuverlässigste Weg, deine E-Mails für den HTML-Export visuell zu gestalten.

## Äußeren Innenabstand um mehrere Row-Ebenen hinzufügen {#adding-outer-padding-around-multiple-row-layers}

[Video](/assets/videos/emailify/design/adding-outer-wrapper-padding.mp4)

Willst du einen Innenabstand um mehrere Rows legen, kannst du deiner E-Mail eine spezielle [Wrapper](/de/emailify/design/wrappers)-Layout-Ebene hinzufügen: Klick auf deinen Emailify-Frame, wähle im Dropdown-Menü „Quick Add“ die Option **Row Wrapper** und klick dann auf **Add +**, um sie als neue Figma-Ebene in deine E-Mail einzufügen.

Ist der Wrapper in deinem Design, verschiebst du deine Row(s) in die neue Wrapper-Ebene und passt in Figma die Auto-Layout-Eigenschaften **Horizontal Padding** und  **Vertical Padding** an, um einen äußeren Abstand um die Row-Ebenen in deinem Wrapper zu erzeugen.

## Innenabstand zu deinen Textebenen hinzufügen {#adding-inner-padding-to-your-text-layers}

[Video](/assets/videos/emailify/design/text-padding.mp4)

Optional kannst du einen inneren Textabstand hinzufügen: Wähle bei geöffnetem **Settings**-Panel eine Figma-Textebene in deiner E-Mail aus, aktiviere den Schalter **Inner Padding** und gib die gewünschten Werte für die ausgewählte Textebene ein.

Dadurch erhält deine Textebene beim Rendern zu HTML einen zusätzlichen „inneren“ Abstand. So legst du Innenabstände für bestimmte Textebenen in deiner Column fest, ohne andere Ebenen zu beeinflussen.

> **Tip:** Optional kannst du den Innenabstand einer Textebene auf Mobilgeräten auch überschreiben: Aktiviere den Schalter **Mobile Padding** und gib die gewünschten Werte für die ausgewählte Textebene ein. Sie sind nur sichtbar, wenn deine HTML-E-Mail auf einem Mobilgerät angezeigt wird.

## Innenabstand zu deinen Trennlinien-Ebenen hinzufügen {#adding-inner-padding-to-your-divider-line-layers}

[Video](/assets/videos/emailify/design/divider-padding.mp4)

Optional kannst du deinen Trennlinien einen Innenabstand hinzufügen: Wähle bei geöffnetem **Settings**-Panel eine Trennlinien-Ebene von Emailify in deiner E-Mail aus, aktiviere den Schalter **Inner Padding** und gib die gewünschten Werte für die ausgewählte Trennlinien-Ebene ein.

Dadurch erhält deine Trennlinien-Ebene beim Rendern zu HTML einen zusätzlichen „inneren“ Abstand. So legst du Innenabstände für bestimmte Textebenen in deiner Column fest, ohne andere Ebenen zu beeinflussen.

> **Tip:** Optional kannst du den Innenabstand einer Trennlinien-Ebene von Emailify auf Mobilgeräten auch überschreiben: Aktiviere den Schalter **Mobile Padding** und gib die gewünschten Werte für die ausgewählte Trennlinien-Ebene ein. Sie sind nur sichtbar, wenn deine HTML-E-Mail auf einem Mobilgerät angezeigt wird.