Vous pouvez aussi ajouter des images d’arrière-plan à votre mise en page en définissant le remplissage d’image Figma d’un calque Row, Column, Hero ou Wrapper de votre design d’email.

Glisser-déposer une image depuis votre ordinateur dans une Column

Le moyen le plus rapide d’ajouter une image de contenu en ligne à vos calques Column est de glisser-déposer un fichier image depuis votre ordinateur dans Figma, puis de faire glisser le calque image dans votre Column (et de le redimensionner si besoin).

Si votre fichier Figma contient déjà une image que vous souhaitez utiliser comme image de contenu dans votre design d’email, vous pouvez aussi glisser-déposer ce calque dans votre calque Column.

Vous pouvez définir l’attribut de texte alternatif ou ajouter un lien URL cliquable à vos images avec le bouton Settings de l’en-tête du plugin.

Ajouter à votre Column un frame image contenant d’autres calques statiques

Vous pouvez aussi ajouter un frame image à votre design d’email : cliquez sur un calque Column, choisissez l’option Image dans le menu déroulant Quick Add, puis cliquez sur le bouton Add + pour ajouter un nouveau frame image dans votre calque Column dans Figma.

Une fois le frame image ajouté, définissez son remplissage d’image en cliquant sur le nouveau calque dans Figma, puis en ajoutant un remplissage d’image dans la colonne de droite de Figma, sous le panneau Fills.

Vous pouvez aussi ajouter d’autres calques dans votre frame image : ils sont automatiquement inclus dans l’unique calque d’image statique rendu dans vos exports HTML finaux.

Vous pouvez définir l’attribut de texte alternatif ou ajouter un lien URL cliquable à vos images avec le bouton Settings de l’en-tête du plugin.