---
url: "/fr/emailify/elements/email.md"
description: "Partez du frame Email et ajoutez-y des Rows, des Heroes, des Wrappers et du code personnalisé."
---

# Frame Email

> Partez du frame Email et ajoutez-y des Rows, des Heroes, des Wrappers et du code personnalisé.

Chaque design d’email dans Emailify commence par un frame Figma d’email vierge spécial, que vous pourrez remplir d’éléments de mise en page Emailify.

## Éléments d’un frame Email {#email-frame-elements}

Ces options s’affichent lorsqu’un calque Figma ✉️ **Email** est sélectionné :

- 🚣 [Content Row](/fr/emailify/elements/row)
- 🦸 [Hero](/fr/emailify/elements/hero)
- 🎁 [Row Wrapper](/fr/emailify/elements/wrapper)
- 🧑‍💻 [Custom Code](/fr/emailify/elements/code)

> **Note:** **Les couleurs, images et dégradés d’arrière-plan appliqués aux calques de frame ✉️ Email ne sont pas pris en compte.** Vous pouvez toutefois ajouter des remplissages d’arrière-plan en couleur unie, en image et/ou en dégradé à n’importe quel calque 🚣 **Row**, 🦸 **Hero** ou 🎁 **Wrapper** de premier niveau.

## Ajouter de nouveaux calques Emailify avec « Quick Add » {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

Emailify vous permet de construire vos designs avec des blocs de mise en page et des éléments de contenu spéciaux, ajoutés comme calques à vos designs Figma, puis exportés en HTML depuis le plugin.

Pour ajouter ces blocs de mise en page et éléments de contenu, assurez-vous d’avoir créé au moins un frame Emailify, puis cliquez sur ce frame pour afficher automatiquement le menu contextuel **Quick Add Element** en bas du plugin. Cliquez ensuite sur l’élément voulu, puis sur le bouton **Add +** pour l’ajouter au calque sélectionné.

> **Tip:** Les options proposées dans le menu contextuel changent selon le calque sélectionné dans Figma.