Novamira vs Divi AI Agent: los puse a construir la misma web

Desde que publiqué los tutoriales de Novamira y de Divi AI Agent, la pregunta que más me llega es siempre la misma: ¿cuál de los dos uso para construir una web en Divi 5? Así que hice lo más honesto que se me ocurrió. Tomé un diseño en HTML, escribí un solo prompt y puse a dos sesiones de Claude Code a construirlo al mismo tiempo, una a través de Novamira y otra a través de Divi AI Agent.

En este post te cuento cómo armé la prueba de Novamira vs Divi AI Agent, cuánto tardó cada uno, qué tan fiel quedó cada resultado, cuánto cuesta cada herramienta y, sobre todo, en qué tipo de proyecto uso una y en cuál la otra. Spoiler: no hay un ganador absoluto, pero la diferencia de tiempo fue enorme.

¿Cuál es la diferencia entre Novamira y Divi AI Agent?

La diferencia está en quién construye. Con Novamira, el que maqueta es tu propio agente (Claude Code o Codex): Novamira convierte tu WordPress en un servidor MCP y el agente escribe directo los módulos nativos de Divi 5, sin abrir el navegador. Con Divi AI Agent, el que maqueta es el agente que vive dentro del Visual Builder de Divi 5; si lo usas desde Claude Code, Claude no construye nada, solo le escribe instrucciones en el chat y revisa lo que hizo.

Esa diferencia parece un detalle técnico, pero define todo lo demás: la velocidad, la fidelidad y hasta el costo. Si todavía no conoces alguna de las dos, te recomiendo ver primero mi tutorial para pasar un sitio de Claude Code a Divi 5 con Novamira y mi review de Divi AI Agent después de probarlo a fondo.

Cómo armé la prueba para que fuera justa

El diseño de referencia es la página de una tienda de impresión de playeras: una sola página con barra superior, header, hero con composición de imágenes, categorías, franja de marcas, sección de ventajas con una imagen en arco, una grilla de 8 productos, un bloque para crear tu propio diseño, contacto con degradado y footer. No es un diseño perfecto ni ultra pulido, pero tiene suficiente detalle para que se noten las diferencias.

Para que nadie tuviera ventaja, preparé todo antes de grabar:

• El mismo sitio de pruebas en Hostinger, con Divi 5 y Novamira (versión free y Pro) instalados, y dos páginas vacías: una para cada agente.
• Las 28 imágenes del diseño ya cargadas en la biblioteca de medios, para que ninguno perdiera tiempo subiendo archivos.
• El mismo prompt para los dos, palabra por palabra, más un bloque corto que solo cambiaba el canal: Novamira por MCP o Divi AI Agent a través de Chrome.
• El mismo modelo en las dos sesiones de Claude Code: Opus 5.5 con esfuerzo medio.
• Una regla dura: todo con módulos nativos de Divi 5. Pegar el HTML dentro de un módulo de código estaba prohibido, porque eso no lo puedes editar después.

Un solo intento y sin que yo tocara nada. Arrancaron con segundos de diferencia a las 9:44 de la mañana.

Consejo: si vas a replicar un diseño con cualquier agente, sube las imágenes a la biblioteca de medios antes de empezar y dile dónde están. Te ahorras rutas rotas y vueltas inútiles; justo eso fue lo primero que falló en la prueba.

Novamira: 12 minutos y casi idéntico

Novamira terminó en 12 minutos. Con Novamira no ves la página construirse en tiempo real: el agente trabaja por el MCP y tú solo recargas la página para ver avances. Cuando terminó, recargué y la verdad es que lo hizo bastante bien. Las 10 secciones estaban ahí, con los textos exactos, las imágenes correctas y los colores y tipografías de la referencia.

Al abrir el Visual Builder confirmé que todo era nativo: menú con enlaces, módulos de imagen, de texto y de botón, y grupos para ordenar cada bloque. En total usó 151 módulos, sin un solo módulo de código ni CSS personalizado. En celular también se comportó bien: las grillas pasan a dos columnas y aparece el menú de hamburguesa.

¿Qué le faltó? Los productos los armó como bloques independientes con imágenes fijas. No usó el Loop Builder ni el módulo de tienda nativo de Divi, así que los botones de "Agregar al carrito" son botones normales. En la sección de crear tu propio diseño estiró los cuatro íconos a lo ancho, y el menú no quedó exactamente igual. Nada que no se arregle en una ronda corta a mano.

Hay algo que tienes que saber para leer bien este resultado: en ese sitio, Claude Code ya había trabajado varias veces con Novamira. Ya entiende cómo se guardan los bloques de Divi 5, y eso se nota. Incluso detectó solo que Novamira guarda los módulos sin la versión del builder, y que sin ella Divi ignoraba el flex y el grid de las columnas; lo corrigió a mitad del trabajo sin preguntarme nada.

🎓 ¿Quieres aprender a trabajar con Claude Code de verdad?
En el Curso de Claude Code te enseño a configurar tu agente, darle contexto y usarlo como tu developer personal en proyectos de WordPress y Divi 5. ¡Accede como suscriptor y empieza a construir con tu propio agente!

Divi AI Agent: 1 hora y media de ida y vuelta

Con Divi AI Agent el proceso es otro. Claude Code se conecta a Chrome, le escribe a Divi AI Agent qué sección construir, espera a que termine, revisa con una captura y le pide correcciones. Lo bueno es que aquí sí ves cómo se va armando la página. Lo malo es que cada vuelta cuesta tiempo: a las 10:02, casi 20 minutos después de empezar, todavía no terminaba el hero.

Terminó cerca de la 1 hora y 29 minutos. Hicieron falta 20 prompts: 8 para construir secciones nuevas y 12 para corregir. Y algunas correcciones fueron de las que duelen:

• Puso solo el nombre de archivo de las imágenes y en el hero salieron rotas, aunque ya estaban en la biblioteca.
• Los círculos del hero salieron como un rectángulo morado plano en el primer intento.
• En la sección de ventajas, la columna de la imagen colapsó a 0 píxeles.
• En los productos metió un formulario de contacto en cada tarjeta en lugar del botón, y al corregirlo dejó 16 botones duplicados.
• El modelo dio timeout dos veces y dejó correcciones a medias.

Ahora, el resultado final no está nada mal. Las 10 secciones existen, todo con módulos nativos, y el hero, las categorías, la imagen en arco y el contacto con degradado quedaron muy cerca. Donde más se aleja es en los detalles: el título de productos en una sola línea, los textos sin centrar, las cajas de íconos más grandes y los círculos decorativos montados encima del bloque de contacto.

¿Por qué no le escribí yo directamente a Divi AI Agent? Porque en las pruebas que hice para el curso vi que con Claude Code el resultado es mejor: Claude escribe prompts mucho más específicos de lo que normalmente escribimos a mano. Hacerlo por mi cuenta no me dio mejores resultados, y sí más trabajo.

Consejo: si usas Divi AI Agent, divide el trabajo en pasos chicos. Las dos veces que el modelo dio timeout fueron con correcciones grandes; al pedirle una cosa por prompt, terminó lo que antes dejaba a medias.

Novamira vs Divi AI Agent: la tabla comparativa

Estos son los números de la prueba. Revisé las dos páginas tal como las entregaron los agentes, sin retocarlas:

Y así se ven lado a lado: a la izquierda la referencia, al centro Novamira y a la derecha Divi AI Agent.

¿Cuánto cuesta cada uno?

Las dos herramientas son de pago, pero cobran distinto. Con Divi AI Agent pagas la suscripción de Divi AI (yo pagué unos 115 dólares por la anualidad) y además necesitas saldo en la cartera interna, el AI Wallet. Cada iteración te descuenta unos centavos según su complejidad y el tiempo que trabaja el agente. En mis pruebas anteriores, construir una landing como esta me costó entre 2 y 4 dólares, y a veces hasta 5. En total llevo unos 130 dólares en el año, contando lo que he gastado en el wallet.

Con Novamira tengo el plan de 49 euros para tres sitios y eso es todo lo que he pagado. Lo demás es la mensualidad de Claude Code o Codex, que de todas formas ya pagas si trabajas con agentes. En este flujo Novamira me sale un poco más económico, y además no te preocupas por cada iteración.

🛠️ Prueba Novamira con 10% de descuento
Si decides probarlo, entra desde novamira.ai (enlace de afiliado) y usa el cupón UXDIVI10 para tener un 10% de descuento en cualquier licencia.

Una aclaración honesta: tengo enlace de afiliado de las dos herramientas, también el de Divi AI de Elegant Themes. Las recomiendo según el tipo de proyecto, y eso es justo lo que te cuento ahora.

¿Cuándo usar Novamira y cuándo Divi AI Agent?

Uso Novamira cuando ya tengo el diseño hecho y necesito replicarlo lo más fiel posible: un prototipo de Claude Design, un diseño en Figma o una inspiración muy clara. Preparo los assets con Claude Code, le digo dónde está todo y le pido que lo replique. Lo hace bastante bien, y lo que no queda exacto lo termino a mano. Así trabajo en mi agencia, MUX Studio: primero prediseñamos la línea gráfica, la estructura, los componentes y el copy, y la maquetación llega al final. Con Novamira ese paso se volvió muy rápido, y ahora el tiempo se nos va en el detalle final.

Consejo: con Novamira, el resultado mejora mucho cuando tu agente ya trabajó antes en ese sitio. Guarda lo que aprende de cada proyecto (cómo guarda Divi los módulos, qué falló, qué corrigió) para que el siguiente arranque sin repetir errores.

Prefiero Divi AI Agent cuando no tengo una referencia visual clara y quiero que el diseño salga original y 100% nativo: le doy los textos, la cantidad de secciones y una referencia, y dejo que el agente proponga el diseño, e incluso que cree las imágenes. Funciona muy bien con imágenes sencillas o de stock, como una landing de producto, un sitio corporativo o la web de un gimnasio. En ese caso yo le escribiría directo, sin Claude Code de por medio: tendrás menos iteraciones, gastarás menos del wallet y las cosas sencillas las acomodas tú.

Hay una ventaja más de Novamira que no puedo dejar fuera: no se limita a Divi. Lo puedes usar con Divi 5, con Elementor y con otros maquetadores, temas y plugins de WordPress, incluido WooCommerce. Divi AI Agent, por naturaleza, solo trabaja dentro de Divi 5.

Y una cosa importante para las dos: ninguna hace diseños súper efectistas, con animaciones locas o interacciones complejas. Son herramientas para maquetar diseños relativamente sencillos, y ahí es donde te ahorran muchísimo tiempo.

🎓 ¿Quieres dominar Divi AI Agent de verdad?
En el Curso de Divi AI Agent te muestro cómo funciona por dentro, cuánto cuesta realmente, cómo escribirle buenos prompts y hasta dónde llega construyendo en Divi 5. ¡Accede como suscriptor y decide con datos si es para tu flujo!

Mis recomendaciones si vas a probarlos

1. Define primero si vas a replicar o a crear. Si ya tienes el diseño, empieza por Novamira; si quieres que el diseño nazca en el proceso, por Divi AI Agent.
2. Exige módulos nativos en el prompt. Si no lo pides explícitamente, el agente puede resolverlo con HTML y CSS, y entonces editar significa tocar código.
3. Prepara los assets y las rutas antes de empezar. Es la diferencia entre 12 minutos y una hora de correcciones.
4. Revisa siempre el resultado en celular. Ahí es donde Divi AI Agent más se alejó de la referencia, y donde un agente que no ve la página puede esconder detalles.
5. Cuenta con una ronda de detalle a mano. Ninguno de los dos te entrega algo listo para el cliente en el primer intento, pero sí te ahorra la mayor parte de la maquetación.

Si estás empezando con agentes, mi guía de Claude Code para diseñadores es un buen punto de partida antes de conectar cualquiera de las dos herramientas.

🎓 ¿Quieres ver un proyecto completo construido con Claude Code y Novamira?
En El Método Vibe Coding construimos de principio a fin soloencalma.com en Divi 5 con Novamira (páginas, tienda, carrito y checkout) y también su aplicación móvil, ya publicada en App Store y Google Play. Son 63 clases. Accede como suscriptor y sigue el proyecto paso a paso.

Conclusión

En esta prueba, Novamira fue unas siete veces más rápido y quedó más fiel a la referencia, sin ver la página ni una sola vez. Divi AI Agent llegó a un resultado usable, pero a punta de iteraciones. Si tu forma de trabajar es diseñar primero y maquetar después, como la mía, Novamira encaja mejor. Si prefieres diseñar sobre la marcha dentro del builder, Divi AI Agent tiene su lugar.