---
url: "/pt/emailify/elements/email.md"
description: "Comece pelo frame Email e adicione Rows, Heroes, Wrappers e código personalizado."
---

# Frame de e-mail

> Comece pelo frame Email e adicione Rows, Heroes, Wrappers e código personalizado.

Todo design de e-mail no Emailify começa com um frame de e-mail especial em branco no Figma, que você pode preencher com os elementos de layout do Emailify.

## Elementos do frame Email {#email-frame-elements}

Estas opções aparecem quando uma camada ✉️ **Email** do Figma está selecionada:

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

> **Note:** **Cores, imagens ou gradientes de fundo aplicados às camadas de frame ✉️ Email não são incluídos.** Mas você pode adicionar preenchimentos de fundo com cor sólida, imagem e/ou gradiente a qualquer 🚣 **Row**, 🦸 **Hero** ou 🎁 **Wrapper** de nível superior.

## Usar o recurso “Quick Add” para adicionar novas camadas do Emailify {#using-the-quick-add-feature-to-add-new-emailify-layers}

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

O Emailify permite montar seus designs com blocos de layout e elementos de conteúdo especiais, que são adicionados como camadas aos seus designs do Figma e podem ser exportados para HTML pelo plugin.

Para adicionar esses blocos de layout e elementos de conteúdo, verifique se você já criou pelo menos um frame do Emailify e clique nesse frame para mostrar automaticamente o menu de contexto **Quick Add Element** na parte de baixo do plugin. Depois, clique no elemento que quiser e no botão **Add +** para adicioná-lo à camada selecionada.

> **Tip:** As opções disponíveis no menu de contexto mudam conforme a camada do Figma selecionada.