---
url: "/pt/emailify/design/email.md"
description: "Todo design de e-mail no Emailify começa com um frame de e-mail especial em branco no Figma, que você preenche com layouts e conteúdo do Emailify."
---

# Criar seu primeiro frame de e-mail do Emailify no Figma

> Todo design de e-mail no Emailify começa com um frame de e-mail especial em branco no Figma, que você preenche com layouts e conteúdo do Emailify.

[Video](/assets/videos/emailify/design/create-new-email.mp4)

Na primeira vez que você executa o plugin Emailify em uma página do Figma que ainda não tem nenhum frame contêiner do Emailify, o plugin abre automaticamente a janela **New Email** para você escolher como quer começar.

A janela **New Email** abre na aba **Blank**, seguida de **Templates**, **Layouts** e **AI Designer**. Builds de desenvolvimento ativadas localmente também mostram, no final, a [aba Import](/pt/emailify/design/import), que é experimental.

Na aba **Blank**, dê um nome ao seu e-mail (por exemplo, “My Email Template”) e clique no botão **Add New Emailify Container** para adicionar o frame de e-mail vazio à sua página do Figma.

Esse novo frame especial do Figma criado pelo plugin é reconhecido automaticamente como um e-mail pelo plugin Emailify, e você pode começar a adicionar layouts e componentes a ele com os recursos de design do plugin.

> **Tip:** Se você está começando a usar o plugin ou quer se inspirar, pode usar os [Layouts](/pt/emailify/design/starter-layouts), experimentar a subcategoria [Randomize](/pt/emailify/design/random-layouts), duplicar [templates do Figma](/pt/emailify/design/templates) ou usar o [AI Designer (BETA)](/pt/emailify/design/ai-designer) na janela **New Email**.

## Adicionar mais contêineres do Emailify {#adding-additional-emailify-containers}

Adicione quantos frames contêineres do Emailify precisar. O plugin trata cada contêiner como um e-mail separado.

Se você já adicionou um frame do Emailify à página, pode adicionar um novo frame do Emailify em branco a qualquer momento clicando no ícone **+** (mais), ao lado do seletor de e-mails no plugin Emailify. O plugin pede um nome e cria um novo frame de e-mail em branco no Figma.

> **Info:** Você também pode **copiar e colar** um frame do Emailify existente se não quiser começar do zero. Copiar e colar componentes de um frame do Emailify para outro também funciona.

## Selecionar um frame do Emailify {#selecting-an-emailify-frame}

Para selecionar um e-mail e começar a adicionar componentes, use o menu suspenso do seletor de e-mails no plugin Emailify ou clique no frame pai no canvas do Figma.

Ao clicar em uma opção de e-mail na caixa de seleção, a página do Figma também passa automaticamente a focar o e-mail selecionado.

> **Note:** **Como saber qual frame de e-mail está ativo** O nome de e-mail que aparece selecionado no menu suspenso do seletor de e-mails do Emailify sempre indica qual e-mail está selecionado no momento.

## Breakpoint para celular dos e-mails {#mobile-breakpoint-for-the-emails}

Os e-mails HTML exportados do Emailify têm um único “breakpoint”, definido automaticamente pela largura do frame de desktop no Figma. Por exemplo, se o seu frame do Emailify tem 600px, os estilos e ajustes para celular passam a aparecer a partir de 599px para baixo.

### A largura recomendada para e-mails é de 600px a 640px {#recommended-email-width-is-600px-640px}

Em geral, recomenda-se manter a largura do e-mail entre 600px e 640px, porque os painéis de leitura de alguns clientes ou apps de e-mail podem ter menos de 700px de largura. Um painel de leitura mais estreito pode exibir os estilos de celular em vez do layout de desktop. Manter seu frame do Emailify com 600px a 640px de largura ajuda o layout de desktop a ser exibido de forma consistente nos clientes de e-mail de desktop e tablet.