DocsPrimeros PasosInicio Rápido

Inicio Rápido

De cero a un sitio web publicado en vivo en menos de 5 minutos.

Paso 1 — Iniciar Sesión

Ve a draftly.space e inicia sesión con Google o tu correo electrónico. Las nuevas cuentas se crean en 30 segundos.

Después de iniciar sesión, llegas al Panel de Control — una lista de tus proyectos. Los usuarios por primera vez ven un estado vacío con un prompt para crear su primer sitio.

Paso 2 — Abrir el Constructor

Haz clic en Nuevo Proyecto o Constructor 3D desde el panel de control o la navegación superior.

El constructor se abre con una entrada de chat en la parte inferior izquierda y un panel de vista previa en vivo a la derecha. Si es tu primera visita, un recorrido corto de 3 pasos te guía a través de la interfaz. Puedes cerrarlo en cualquier momento o revisitarlo a través del botón de ayuda ?.

Paso 3 — Escribir Tu Prompt

En la entrada de chat, describe tu sitio web. Cuanto más específico, mejor — incluye el nombre del negocio, la industria, las secciones que deseas y el estado de ánimo visual.

Ejemplo: "Romano's Coal-Fired Pizza — restaurante familiar en Brooklyn desde 1987. Ambiente cálido, rústico, oscuro y cinematográfico. Incluir hero, nuestro menú, nuestra historia, reservaciones y secciones de reseñas. CTA: Reservar una Mesa."

Presiona Enter o haz clic en el ícono de enviar para iniciar la generación. Opcionalmente haz clic en el botón ✨ Mejorar primero (1 crédito) para que la IA refuerce tu prompt.

Paso 4 — Ver el Pipeline

La generación toma 2 a 3 minutos en promedio. Una barra de progreso en vivo muestra cuatro etapas:

1.Planificando tu sitio — La IA extrae el nombre de la marca, titular y secciones
2.Generando imagen hero — La IA crea tu fondo cinematográfico estático
3.Creando video de movimiento — Veo 3.1 genera tu video de scroll (~60–90 segundos)
4.Construyendo tu sitio — Las secciones HTML se ensamblan en paralelo

Deja la pestaña abierta para la mejor experiencia. Si cierras la pestaña, el banner de reanudación automática aparece cuando la vuelves a abrir — haz clic para continuar desde donde se dejó la generación.

Paso 5 — Vista Previa y Edición

Cuando la generación se completa, el panel de vista previa muestra tu sitio en vivo con la animación de scroll activa.

Desplázate en la vista previa para ver la animación de paralaje sincronizada con el video
Haz clic en cualquier texto para editarlo en línea — gratis, instantáneo, sin créditos
Escribe en el chat para solicitar cambios de diseño: "Haz el fondo más oscuro", "Cambia el CTA a 'Reservar Ahora'", "Agrega una sección de precios"
Presets de Diseño (ícono de pincel) — transformaciones de estilo con un clic, también gratuitas

Paso 6 — Publicar

Haz clic en Publicar en Vivo en la barra de acciones inferior izquierda.

Elige un subdominio (p. ej., romanos-pizza.draftly.space). El sitio queda en vivo a través de Cloudflare CDN en ~5 segundos.

Comparte la URL con clientes o úsala como tu sitio web real. Las ediciones futuras en el constructor se pueden volver a publicar instantáneamente sin nueva URL y sin tiempo de inactividad.