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, 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.
Si eres nuevo en el plugin o buscas inspiración, desde la ventana New Email puedes usar Layouts, probar la subcategoría Randomize, duplicar plantillas de Figma o usar AI Designer (BETA).
Añadir más contenedores de Emailify
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.
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
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.
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
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
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.