Innenabstand zu deinen Layout-Ebenen hinzufügen
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.
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
Willst du einen Innenabstand um mehrere Rows legen, kannst du deiner E-Mail eine spezielle Wrapper-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
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.
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
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.
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.