Du kannst auch Hintergrundbilder in dein Layout einfügen, indem du die Figma-Bildfüllung auf einer Row-, Column-, Hero- oder Wrapper-Ebene in deinem E-Mail-Design festlegst.

Bild per Drag-and-drop von deinem Computer in eine Column ziehen

Am schnellsten fügst du ein Inline-Inhaltsbild in deine Column-Ebenen ein, indem du eine Bilddatei von deinem Computer per Drag-and-drop in Figma ziehst und die Bildebene dann in deine Column ziehst (und bei Bedarf ihre Größe änderst).

Wenn du in deiner Figma-Datei schon ein Bild hast, das du als Inhaltsbild in deinem E-Mail-Design verwenden willst, kannst du auch diese Ebene per Drag-and-drop in deine Column-Ebene ziehen.

Über den Settings-Button im Kopfbereich des Plugins kannst du das Alt-Text-Attribut festlegen oder deinen Bildern einen klickbaren URL-Link hinzufügen.

Bild-Frame mit weiteren statischen Ebenen darin in deine Column einfügen

Du kannst deinem E-Mail-Design auch einen Bild-Frame hinzufügen: Klick auf eine Column-Ebene, wähl im Quick-Add-Elementmenü die Dropdown-Option Image aus und klick dann auf den Button Add +, um in Figma einen neuen Bild-Frame in deine Column-Ebene einzufügen.

Nachdem du den Bild-Frame hinzugefügt hast, kannst du die Bildfüllung festlegen: Klick in Figma auf die neue Ebene und füg dann in der rechten Spalte von Figma im Panel Fills eine Bildfüllung hinzu.

Du kannst in deinen Bild-Frame auch beliebige andere Ebenen einfügen. Sie werden automatisch in die eine statische Bildebene übernommen, die in deinen fertigen HTML-Exporten gerendert wird.

Über den Settings-Button im Kopfbereich des Plugins kannst du das Alt-Text-Attribut festlegen oder deinen Bildern einen klickbaren URL-Link hinzufügen.