Resumen del Constructor

Cada generación en el constructor 3D produce cinco entregables a partir de un solo prompt:

Los cinco se crean en un solo flujo de trabajo. No combinas nada manualmente.

Draftly usa un pipeline por fragmentos en lugar de un solo llamado de IA gigante. Esto garantiza calidad y completitud:

Fase 0 — Planificación (~5 segundos) La IA lee tu prompt y genera un blueprint del sitio: nombre de marca, eslogan, titular hero, CTA hero, estado de ánimo de color, estado de ánimo tipográfico, 3–7 secciones y 3–5 diferenciadores específicos (datos únicos sobre tu negocio, no texto genérico).

Fase 1 — Estructura (~20 segundos) Genera la barra de navegación, sección hero, variables CSS, motor de frames de scroll y anclajes de marcador de posición para secciones y pie de página.

Fase 2 — Secciones (paralelo, ~30 segundos) Cada sección (características, precios, testimonios, etc.) se genera en un llamado de IA paralelo separado. Un sitio de 6 secciones toma el mismo tiempo que uno de 3 secciones.

Fase 3 — Pie de Página (~10 segundos) Genera el pie de página por separado para que siempre esté presente. El pie de página nunca forma parte del presupuesto de secciones y nunca puede truncarse.

Fase 4 — Ensamblaje (~5 segundos) Todas las piezas se unen. Se inyectan etiquetas meta SEO, etiquetas Open Graph, datos estructurados JSON-LD, garantía de H1 y URL canónica.

Panel izquierdo — Chat y Controles - Entrada de chat en la parte inferior: describe tu sitio o solicita ediciones - Registro del sistema arriba: cada fase de generación con tiempos y estado - Botones de acción: Vista previa en pantalla completa, Editar texto, Cambiar colores, Publicar en vivo - Barra de pestañas: Registro, Imagen, Video, Frames, Código, Historial, Business OS

Panel derecho — Vista Previa en Vivo - Tu sitio generado renderizado en un iframe con la animación de scroll activa - Haz clic en cualquier texto para editar en línea (gratis, cero créditos) - Barra de herramientas: alternador de relación de aspecto (16:9 / 9:16), modos Ver / Editar / Editando, Pantalla Completa, Regenerar

Barra de encabezado - Nombre del proyecto — haz clic para cambiar el nombre - Indicador de estado de guardado — muestra Guardado / Guardando... / Trabajando... en tiempo real - Rastreador de créditos — créditos restantes para este ciclo de facturación

Draftly guarda automáticamente tu proyecto de forma continua en dos capas:

Indicador de estado de guardado en el encabezado: - Guardado — Todos los cambios sincronizados con la nube - Guardando... — Sincronización con la nube en progreso - Trabajando... — Generación en progreso

Si cierras la pestaña en medio de una generación, el banner de reanudación automática aparece cuando vuelves a abrir el proyecto — haz clic para retomar exactamente donde se detuvo la generación. Tu trabajo nunca se pierde.

Registro — Feed de generación en vivo. Ve cada fase del pipeline, tiempos y advertencias a medida que ocurren.

Imagen — Tu imagen hero estática. Descarga la imagen sin procesar o activa una nueva generación de imagen.

Video — El video de movimiento. Descarga el MP4 o vuelve a generar con diferentes configuraciones de calidad.

Frames — Los ~200 frames de scroll extraídos del video. Estos impulsan el efecto de scroll de paralaje.

Código — El HTML sin procesar de tu sitio generado. Cópialo, descárgalo como ZIP o envíalo a GitHub.

Historial — Puntos de control de versiones. Cada regeneración o edición importante crea un punto de restauración. Haz clic en cualquier versión para revertir — gratis, sin créditos.

Business OS — Panel de inteligencia empresarial de IA para tu marca (Pro+). Incluye sugerencias de contenido, contexto de análisis y más.