Diseño web con IA: el mapa de un ecosistema que se reescribe cada tres meses

La primera versión de este artículo se escribió hace ocho semanas. Cuando nos sentamos a revisarla, tres de las herramientas que recomendaba ya no existían tal como las describía.

Wix retiró ADI: su propio centro de ayuda titula la página «ADI Sites No Longer Supported». Galileo AI dejó de llamarse Galileo AI porque Google la compró y la rebautizó Stitch. Y Midjourney, que iba en la versión 7, va en la 8.2 desde el 24 de julio — con el detalle incómodo de que las dos funciones más elogiadas de la V7, Draft Mode y Omni Reference, fueron eliminadas en el camino.

Ocho semanas. Tres correcciones.

Esa es, en realidad, la noticia. No que la IA construya sitios web —eso ya lo sabes—, sino que el terreno se mueve tan rápido que memorizar nombres de marcas es la peor inversión posible. Lo que sí dura es entender qué tipo de problema resuelve cada categoría de herramienta, y qué debe cumplir tu sitio sin importar con qué lo construyas. De eso trata lo que sigue.

Todo el ecosistema cabe en tres casillas

Suena a mucho, pero no lo es. Cada herramienta de este mundo hace una de tres cosas: te entrega la casa construida, te ayuda a dibujar los planos, o te pone los ladrillos más rápido.

Casilla 1 — La casa construida. Le describes tu negocio en lenguaje corriente y te devuelve un sitio funcionando, con alojamiento, gestor de contenidos y SEO básico incluidos. Aquí viven Framer AI, el Wix AI Website Builder (el sucesor de ADI), 10Web para quien ya vive dentro de WordPress, GoDaddy Airo, que además te genera logo y tienda, y Durable, que presume de levantar un sitio en menos de un minuto.

Casilla 2 — Los planos. Aquí no sale un sitio, sale un diseño que después alguien construye. Figma con sus funciones de IA y Figma Make, Stitch (la ex Galileo AI, ahora de Google) y Uizard, que tiene el truco más simpático del grupo: le tomas foto a un boceto hecho a mano en papel y te devuelve una pantalla navegable.

Casilla 3 — Los ladrillos. Convertir diseño en código que corre de verdad. v0 de Vercel y TeleportHQ escupen componentes en React, HTML y CSS listos para producción. Y dentro del editor del programador, Cursor y GitHub Copilot sugieren, corrigen y refactorizan mientras él escribe.

La trampa clásica es creer que la casilla 1 hace innecesarias las otras dos. Hace innecesarias las otras dos si tu sitio se parece a miles de sitios. En el momento en que necesitas algo que la plantilla no contempla, sales de la casilla 1 con lo puesto — y salir es más caro que no haber entrado.

Qué usar según el problema que tienes

Lo que los programadores dicen cuando nadie los oye

Aquí es donde la conversación se pone honesta, y donde conviene desconfiar de cualquiera que te venda entusiasmo puro.

La Encuesta de Desarrolladores de Stack Overflow 2025 —la más grande del gremio— encontró que el 84% usa o planea usar herramientas de IA, frente al 76% del año anterior. Adopción masiva, sin discusión.

Y en la misma encuesta: el 46% desconfía activamente de la exactitud de esas herramientas, contra un 33% que confía. Solo el 3% dice confiar mucho.

El sentimiento favorable cayó de más del 70% en 2023 y 2024 a un 60% en 2025. El 66% se topa con soluciones que están «casi bien, pero no». Y un 45,2% afirma que depurar código generado por IA le toma más tiempo del que le habría tomado escribirlo.

Léelo otra vez: usan la herramienta más que nunca y confían en ella menos que nunca. Las dos cosas son ciertas al tiempo, y no es contradicción — es madurez. La IA se volvió un aprendiz rapidísimo que produce muchísimo y se equivoca con una seguridad pasmosa. Sigue haciendo falta alguien que sepa distinguir.

Aplícalo esta semana. La próxima vez que alguien te ofrezca tu sitio «hecho con IA en dos días», hazle una sola pregunta — ¿quién lo revisa? La respuesta te dice todo lo que necesitas saber sobre el precio real.

Los motores de imagen no son intercambiables

Existe la idea de que hay un generador de imágenes «mejor» y los demás son imitaciones. Es falso, y creerlo cuesta dinero: cada uno está afinado para un trabajo distinto, y usarlos al revés produce exactamente la estética genérica que todo el mundo dice querer evitar.

Un detalle que vale su peso en oro y que ningún artículo de hace dos meses te va a contar: Midjourney va en la V8.2, y las funciones que todos citaban de la V7 —el modo borrador para explorar rápido y la referencia para mantener un personaje idéntico entre imágenes— ya no están. Las reemplazó un Edit Model nuevo. Si contratas a alguien que te habla de «Omni Reference» como si fuera la última palabra, está leyendo documentación vencida.

Qué generador para qué encargo

Ese último renglón no es un detalle menor. Para una marca que va a poner una imagen en una valla o en una campaña pagada, la pregunta «¿de dónde salió esto?» tiene consecuencias jurídicas. Firefly existe para poder responderla.

Qué lleva un sitio que de verdad vende

Un sitio corporativo serio se ordena en tres capas. Si una falla, las otras dos no la salvan.

Capa 1 — Lo que se entiende en cinco segundos. Qué vendes, a quién, y por qué creerte. Propuesta de valor visible sin hacer scroll, pruebas de que existes (testimonios, certificaciones, clientes), navegación que no obliga a pensar y una identidad visual que se reconozca de una página a otra.

Capa 2 — Lo que el sitio hace. Aquí ocurre el cambio grande de este año. El chatbot que respondía preguntas frecuentes está siendo reemplazado por la UX agéntica: un agente que no solo contesta, sino que ejecuta — arma el pedido, agenda la cita, filtra el catálogo según lo que dijiste. A eso se suma la personalización en tiempo real, la maquetación en cuadrícula Bento —esos bloques desiguales tipo caja de almuerzo japonesa que ordenan mucha información sin abrumar— y las fuentes variables, que permiten texto animado y expresivo sin volver la página lenta.

Capa 3 — Lo que no se ve y se nota igual. Diseño pensado primero para el celular, HTTPS, analítica instalada, color que se adapta a la luz del entorno o a necesidades de accesibilidad, y —para quien vende objetos— modelos 3D y realidad aumentada para verlos antes de comprar.

Lo mismo, antes y ahora

La contracorriente: lo imperfecto como estrategia

Y ahora la parte que no aparece en los folletos de las plataformas.

Cuando todo el mundo genera sus imágenes con los mismos cinco modelos, el resultado por defecto se vuelve un uniforme. Esa estética impecable, de gradientes suaves y personas sonrientes de proporciones imposibles, es la plantilla de WordPress de 2010 con mejor resolución: reconocible al instante, y por eso mismo invisible.

El informe de tendencias 2026 de Canva, hecho sobre mil creadores en todo el mundo, agrupa la respuesta bajo el nombre Imperfect by Design: volver a lo hecho a mano, las texturas reales, las imperfecciones deliberadas. Entre sus tendencias hay nombres tan poco solemnes como Notes App Chic —la estética de una nota escrita a las corridas en el celular— y Opt-Out Era, un minimalismo con serifas y colores apagados que es, básicamente, negarse a participar del concurso de quién brilla más.

Los datos de ese mismo informe: el 80% de los creadores encuestados cree que 2026 es el año en que recupera el control creativo, y el 77% describe la IA como un «socio esencial» de su trabajo. Otra vez las dos cosas juntas: la usan a diario y quieren que no se les note.

Aplícalo esta semana. Revisa la página de «Nosotros» de tu sitio. Si las fotos del equipo son generadas y los testimonios no tienen cara ni apellido, acabas de encontrar el punto exacto donde tu marca se volvió intercambiable.

Cómo se le habla a un generador de imágenes

Un prompt no es un deseo, es una orden de trabajo. Y como toda orden de trabajo, si le falta información, alguien la rellena por ti — en este caso, un modelo estadístico con gustos propios.

Seis piezas, siempre en este orden: sujeto, estilo, encuadre de cámara, luz, entorno y parámetros técnicos. Quitar cualquiera de las seis es delegar esa decisión.

Estos son los tres encargos que cubren el 90% de lo que una marca necesita. Debajo de cada receta está el plato: las tres imágenes salieron de estos mismos prompts.

Professional studio product photography of a luxury matte black skincare bottle resting on a grey concrete pedestal, dramatic side soft-box lighting, natural subtle shadows, macro view, crisp texture detail, 85mm lens, minimalist studio background --ar 16:9 --raw

Flat vector illustration of a modern business team collaborating around a large digital dashboard with data charts, Corporate Memphis style, clean lines, soft gradient palette of navy blue, cyan and pastel pink, white background, high contrast --ar 4:3 --no noise, realistic photos

Clean technical diagram showing a cloud data processing system, modern UI infographic style, color-coded components with soft blue for input and green for output, sleek arrows showing data flow, white background, high contrast, professional documentation style --ar 16:9

Dos costumbres que separan a quien tiene sistema de quien improvisa. La primera: guarda un bloque de marca reutilizable con tu paleta oficial, tus ángulos de cámara permitidos y tus exclusiones, y pégalo en cada prompt. La segunda: usa siempre parámetros negativos —--no text, watermark, blurry— porque el texto inventado por un generador de imágenes es la forma más rápida de que se note que nadie revisó la pieza.

Y una advertencia que nos costó aprender: no generes gráficos de datos con un generador de imágenes. Te va a devolver barras bonitas con números inventados y etiquetas mal escritas. Los datos se grafican con herramientas de datos. Siempre.

Los números que importan, y los que nadie puede darte

Aquí conviene una confesión de oficio, porque es donde más humo circula.

Hay métricas con umbral oficial. Google publica los suyos para los Core Web Vitals, los tres indicadores que miden si tu sitio se siente bien al usarlo: LCP por debajo de 2,5 segundos (cuánto tarda en aparecer lo importante), INP por debajo de 200 milisegundos (cuánto tarda en responderte al tocar algo — reemplazó al antiguo FID en 2024) y CLS por debajo de 0,1 (cuánto se mueve el contenido mientras carga, ese salto que te hace tocar el botón equivocado). Esos tres números son verificables y no admiten negociación.

Y hay métricas sin umbral universal. El porcentaje de tráfico que no busca tu marca por nombre, o la duración promedio de una visita al sitio, son diferentes para cada sector. Una inmobiliaria y una tienda de repuestos no se parecen en nada: manejan métricas distintas. Si alguien te da un número redondo para ambas, te está manipulando.

Sobre la afirmación de que el tráfico movido por IA convierte mejor: es cierta, pero con apellido. El estudio de Semrush de junio de 2025, sobre más de 500 temas de alto valor en marketing y SEO, encontró que por cada dólar de valor que genera un visitante de búsqueda orgánica, un visitante llegado desde un asistente de IA genera 4,40 dólares. Es un hallazgo sólido y es de un sector específico. Extrapolarlo a todas las industrias —como se ve en media internet— no es análisis, es marketing.

Qué medir y contra qué

Lo que haría yo, según en qué punto estés

Si estás validando una idea: Framer AI o Durable, sin culpa y sin romanticismo. El objetivo es salir esta semana, no construir un patrimonio. Lo desechas sin dolor cuando la hipótesis se confirme o se caiga.

Si tienes un negocio andando y equipo: flujo híbrido. Diseño en Figma, componentes en v0 o Cursor, y una persona que lea el código. Es más lento el primer mes y más barato todos los demás.

Si tu marca ya significa algo: lo más caro que puedes hacer es verte como todos. Usa los motores por lo que cada uno hace bien, pero mete manos humanas en la dirección de arte — fotografía real de tu producto, ilustración propia, la textura que un modelo no te va a dar porque su trabajo es darle a todo el mundo el promedio.

Y una idea para terminar, que es la que de verdad sostiene todo lo anterior. Cuando construir un sitio costaba meses, la ventaja competitiva era poder construirlo. Hoy cualquiera lo tiene andando el jueves. La ventaja se mudó de lugar: ahora está en saber qué pedir, qué revisar y cuándo decir que no. Eso no lo genera ningún modelo.

Empieza por lo barato. Antes de cambiar una sola imagen de tu sitio, mídelo contra los tres umbrales de Google. Son públicos, la medición es gratis y toma cinco minutos. Si tu LCP pasa de 2,5 segundos, ningún rediseño te va a salvar — estás perdiendo visitantes antes de que alcancen a ver lo bonito.