Email Designer: la herramienta gratuita y open source para crear emails que sí funcionan

El problema

Si alguna vez has intentado diseñar un email "bonito" y luego lo has visto roto en Gmail, Outlook o en móvil… bienvenido al club. Los emails HTML siguen teniendo reglas propias: estilos que se ignoran, comportamientos distintos según el cliente, y un detalle que mucha gente descubre tarde: Gmail no renderiza HTML pegado en el editor.

Por eso nació Email Designer: una herramienta que resuelve el problema de raíz, no con parches.

¿Qué es?

Un editor pensado para el mundo real

Email Designer es un editor de emails centrado en un objetivo concreto: crear plantillas de correo reutilizables y exportables, sin ataduras a plataformas de pago.

🧩

Diseña con bloques

Sin saber programar, arrastra y ordena elementos visualmente.

⌨️

Edita en MJML

Control total del código para quienes prefieren el teclado.

👁️

Preview en tiempo real

Ve exactamente cómo quedará el email mientras lo construyes.

📦

Exporta HTML email-safe

Listo para integrar en tu app, tu cliente o versionarlo en Git.

Los dos modos

No-code y Pro: elige cómo trabajar

Modo drag & drop No-code

Perfecto para iterar rápido sin tocar código. Cuenta con bloques arrastrables y reordenables, panel de propiedades (texto, alineación, colores, padding, enlaces) y una estructura clara que puedes modificar en segundos. Ideal para newsletters, promociones o emails de captación.

Modo MJML Pro

Para quienes prefieren el control total desde el teclado. Edición directa en MJML con preview en tiempo real y export del HTML final. MJML es especialmente útil porque genera HTML compatible con la mayoría de clientes de correo, evitando gran parte del dolor de maquetar emails a mano.

Por qué exportar

Tu trabajo, bajo tu control

Una cosa es diseñar un email y otra muy distinta es usarlo en producción.

    Email Designer te permite copiar el HTML para integrarlo en tu app o importarlo en herramientas de emailing, o descargarlo como .html para versionarlo en Git, pasarlo a un cliente o guardarlo como plantilla. Esto es clave si no quieres quedar atado a un proveedor o pagar por exportar tu propio trabajo.
  

Prueba real

El preview no es suficiente

Muchos editores te muestran una previsualización y ya. El problema es que el email real se comporta de forma distinta cuando llega a una bandeja de entrada.

Por eso Email Designer incluye envío de prueba vía Resend, que manda el email como HTML real (MIME). Así puedes comprobarlo en Gmail tal y como lo verá el usuario final.

💡 Nota: Abrir Gmail con el email "montado" desde el editor no es posible de forma fiable, porque Gmail no renderiza HTML pegado. El envío real es la opción correcta para pruebas.

Open Source

Úsala, clónala o mejórala

Esta herramienta es completamente open source. Puedes:

Usarla gratis tal cual, sin registros.
Clonarla y desplegarla en tu propio dominio.
Adaptarla a tu negocio: plantillas, branding, bloques.
Contribuir con mejoras y nuevas funcionalidades.

Estado actual

¿Qué incluye el MVP?

Bloque texto

Bloque imagen

Bloque botón

Separador

2 columnas

Drag & drop

Modo MJML

Export HTML

localStorage

Envío prueba

Plantillas code-first

Capa de IA

🟢 Disponible ahora 🟡 En desarrollo

¿A quién le sirve?

Perfiles que ya lo están usando

👨‍💻

Developers Plantillas exportables e integrables en tu stack: Next.js, Resend, Nodemailer y más.

📣

Marketers y emprendedores Diseña rápido sin depender de una plataforma cerrada ni planes de pago.

🏢

Equipos con control total Plantillas internas y self-hosting, con acceso y propiedad completa del código.

Pruébala y cuéntame qué te falta

Si echas en falta un bloque, una plantilla o detectas algún bug, el feedback es bienvenido. Y si te resulta útil, una ⭐ en GitHub ayuda mucho.

🌐 Ir a la demo ⭐ GitHub

Email Designer: crea emails que sí funcionan