---
url: "/es/emailify/design/email.md"
description: "Todo diseño de email en Emailify empieza con un frame de Figma especial en blanco, que podrás llenar con diseños y contenido de Emailify."
---

# Crear tu primer frame de email de Emailify en Figma

> Todo diseño de email en Emailify empieza con un frame de Figma especial en blanco, que podrás llenar con diseños y contenido de Emailify.

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

La primera vez que ejecutas el plugin Emailify en una página de Figma que no contiene ningún frame contenedor de Emailify, el plugin abre automáticamente la ventana **New Email** para que elijas cómo quieres empezar.

La ventana **New Email** se abre en la pestaña **Blank**, seguida de **Templates**, **Layouts** y **AI Designer**. Las versiones de desarrollo activadas localmente también muestran al final la [pestaña Import](/es/emailify/design/import), que es experimental.

En la pestaña **Blank**, ponle un nombre a tu email (por ejemplo, "Mi plantilla de email") y haz clic en el botón **Add New Emailify Container** para añadir el frame de email vacío a tu página de Figma.

El plugin Emailify reconocerá automáticamente como email este nuevo frame especial de Figma, y podrás empezar a añadirle diseños y componentes con las funciones de diseño del plugin.

> **Tip:** Si eres nuevo en el plugin o buscas inspiración, desde la ventana **New Email** puedes usar [Layouts](/es/emailify/design/starter-layouts), probar la subcategoría [Randomize](/es/emailify/design/random-layouts), duplicar [plantillas de Figma](/es/emailify/design/templates) o usar [AI Designer (BETA)](/es/emailify/design/ai-designer).

## Añadir más contenedores de Emailify {#adding-additional-emailify-containers}

Añade tantos frames contenedores de Emailify como necesites. El plugin trata cada contenedor como un email independiente.

Si ya has añadido un frame de Emailify a tu página, puedes añadir otro en blanco en cualquier momento haciendo clic en el botón con el icono **+** (más) que hay junto al selector de emails del plugin Emailify. Te pedirá un nombre y creará un nuevo frame de email de Figma en blanco.

> **Info:** También puedes **copiar y pegar** un frame de Emailify existente si no quieres empezar de cero. Copiar y pegar componentes de un frame de Emailify a otro también funciona.

## Seleccionar un frame de Emailify {#selecting-an-emailify-frame}

Para seleccionar un email y empezar a añadir componentes, usa el desplegable del selector de emails del plugin Emailify o haz clic en el frame principal en el lienzo de Figma.

Al hacer clic en un email del selector, la vista de tu página de Figma también se centra automáticamente en el email seleccionado.

> **Note:** **Comprobar qué frame de email está activo**. El nombre del email que aparece seleccionado en el desplegable del selector de emails de Emailify siempre indica qué email está seleccionado.

## Punto de corte para móvil de los emails {#mobile-breakpoint-for-the-emails}

Los emails HTML exportados desde Emailify tienen un único "punto de corte" (breakpoint), que se define automáticamente según el ancho del frame de escritorio en Figma. Por ejemplo, si tu frame de Emailify mide 600px, los estilos y ajustes para móvil empezarán a mostrarse a partir de 599px o menos.

### El ancho de email recomendado es de 600px a 640px {#recommended-email-width-is-600px-640px}

Normalmente se recomienda que el email mida entre 600px y 640px de ancho, porque los paneles de lectura de algunos clientes o apps de email pueden medir menos de 700px. Un panel de lectura más estrecho puede mostrar los estilos para móvil en lugar del diseño de escritorio. Si tu frame de Emailify mide entre 600px y 640px de ancho, el diseño de escritorio se mostrará de forma coherente en los clientes de email de escritorio y tablet.