Saltar al contenido
Explorar categorías y guías

Generar una página web con IA

Describe tu negocio y un pipeline de 4 agentes (Arquitecto, Diseñador, Desarrollador, Auditor) construye una página completa con estilo propio según tu rubro.

6 min de lectura Actualizado el 4 de noviembre de 2026

Cómo funciona

No partes de una plantilla genérica: describes tu negocio con tus palabras y un pipeline de 5 agentes de IA construye la página entera — estructura, textos, paleta de colores, tipografías y, al final, las fotos principales creadas con IA para tu negocio (consumen créditos de imagen; si no hay, quedan fotos de stock). Cada negocio sale distinto: un restaurante no recibe el mismo diseño que un SaaS.

  1. Ve a Marketing → Páginas (Mis Páginas).
  2. Click en "Nuevo sitio".
  3. Elige "Generar con IA"
    Las otras opciones son "Captar contactos" (la recomendada), "Desde cero", "Desde plantilla", "Importar con IA" (sube un PDF de hasta 20 MB o la captura de una página; si la imagen pesa más, tu navegador la reduce antes de subirla: lo explica la sección «Importar con IA: el archivo») e "Importar HTML/CSS".
  4. Nombre, dirección del sitio y descripción
    En "¿Sobre qué tratará tu página?" cuenta qué haces, para quién y qué quieres lograr. Ej.: "Restaurante omakase en Bogotá, menú de 12 tiempos, quiero reservas". Si ya tienes el brief escrito, usa "Adjuntar archivo" (PDF, MD, TXT, PNG o JPG, hasta 20 MB; una imagen más pesada se reduce sola antes de subirla): la página se diseña a partir de ese archivo y la descripción queda opcional. Un PDF con texto o un MD se leen tal cual; una foto o un PDF escaneado se leen con IA y consumen créditos.
  5. Click "Generar"
    Verás el progreso de los 4 agentes en vivo. Al terminar, la página se abre en el editor lista para retocar.

Importar con IA: el archivo

"Importar con IA" lee un PDF o una imagen (PNG, JPG o WEBP) de hasta 20 MB: el paso lo dice debajo de "Elegir PDF, PNG, JPG o WEBP…". Si la imagen pesa más o mide demasiado —la captura de una página completa hecha en una pantalla Retina suele pesar entre 30 y 60 MB—, tu navegador la reduce ANTES de subirla y sin que pierda legibilidad: una captura alta queda en 1600 px de ancho como máximo, con todo su alto, y la IA la lee por tramos, de arriba abajo. Una imagen que ya cabe se sube tal cual. Lo mismo vale para el brief adjunto de "Generar con IA" y para "Analizar imagen con IA" en la "Dirección de diseño" del Asistente IA del editor.

Un PDF no se puede reducir en el navegador
Si el PDF pasa de 20 MB verás «pesa … MB y el máximo es 20 MB» antes de que se cree el sitio: divídelo o guárdalo con menos calidad. Si tu navegador no logra abrir una imagen muy pesada, el aviso lo dice: guárdala en PNG o JPG con menos resolución o divide la captura en dos.

Los 4 agentes

  • Arquitecto — decide la estructura: entre 8 y 14 secciones con flujo narrativo (captura → problema → solución → prueba social → conversión → cierre).
  • Diseñador — genera la identidad visual: paleta de colores, tipografías (se cargan de Google Fonts) y espaciados propios de tu rubro.
  • Desarrollador — arma los bloques con textos específicos de TU negocio: nada de "Lorem ipsum" ni copy genérico.
  • Auditor — control de calidad y seguridad: ritmo visual, secciones completas, cero placeholders.

Arquetipos según el rubro

Además del estilo, la IA aplica un arquetipo de layout automático según el tipo de negocio: producto digital / SaaS, revista editorial, conversión directa (oferta con urgencia), negocio local y portafolio visual. El arquetipo define qué hero se usa, qué secciones aparecen y en qué orden.

Cada rubro, su hero
El hero con mockup de dashboard es para negocios digitales (SaaS, apps, plataformas). Un restaurante o una tienda física recibe un hero editorial con fotografía; un portafolio, un hero tipográfico minimalista. Si tu página salió con un estilo que no corresponde, revisa cómo describiste el negocio.

Personalidad de diseño y calidad

Desde el Asistente IA del editor puedes forzar una "Personalidad de diseño" en vez de dejarla en Auto: Editorial (serif, aire de revista), Tech Minimal (grids claros), Premium Dark (oscuro con serif fina), Bold (tipografía gigante), Natural (verde orgánico) o Corporativo (formal y simétrico).

  • Máxima calidad: la IA se toma más tiempo y cuida más el diseño y los textos. Es la opción por defecto.
  • Rápido y eficiente: entrega un primer borrador en menos tiempo, ideal para explorar ideas antes de afinar.
La generación consume créditos de IA de tu plan. Si se agotan verás un aviso con la opción de ampliar.

Después de generar

  • La página queda como borrador en el editor: ajusta textos, imágenes o colores a mano o pídele cambios a la IA.
  • "Guardar" conserva el borrador; "Publicar" la pone en vivo en tu URL pública.
  • Si algo no te convence, usa Deshacer (Cmd/Ctrl+Z) o vuelve a generar con otra descripción.

¿Pudiste resolverlo con esta guía?

Artículos relacionados