DocumentaciónPrimeros pasosIntroducción

Introducción

Bienvenido a Draftly — la plataforma impulsada por IA para crear sitios web cinematográficos y listos para producción a partir de un solo prompt.

¿Qué es Draftly?

Draftly es una plataforma de generación de sitios web impulsada por IA que convierte un solo prompt de texto en un sitio web completo y listo para publicar, con una imagen de héroe cinematográfica, video en movimiento sincronizado con el desplazamiento y HTML de producción en menos de 3 minutos.

A diferencia de las herramientas de IA genéricas, Draftly comprende patrones de diseño, tipografía, jerarquía espacial e identidad de marca. Cada sitio generado es único, específico para tu negocio y construido sobre HTML semántico limpio.

Draftly se ejecuta completamente en tu navegador en draftly.space — no requiere instalación, código ni diseñador.

Lo que obtiene de una sola indicación

1.Imagen principal estática — Una imagen de fondo cinematográfica generada por IA, dimensionada y estilizada según la verticalidad y el ambiente de color de su sitio.
2.Video en movimiento — Un video de fondo de 5 a 8 segundos sincronizado con el desplazamiento (Veo 3.1 de Google) que da vida a la imagen principal.
3.Fotogramas de desplazamiento — ~200 fotogramas WebP extraídos del video, que permiten una animación fluida impulsada por el desplazamiento.
4.HTML completo del sitio — HTML responsivo de múltiples secciones con navegación, pie de página, motor de animación de desplazamiento y metaetiquetas SEO.
5.URL en vivo — Publicado instantáneamente en su propio subdominio en *.draftly.space.

Cómo funciona

Draftly utiliza una arquitectura de generación segmentada de 5 fases diseñada para producir sitios que nunca se truncan ni se repiten:

1.Planificación — La IA extrae de su indicación el nombre de su marca, el titular, las secciones, el ambiente de color y los diferenciadores.
2.Estructura — Primero se generan la navegación, la sección principal, las variables CSS y el motor de fotogramas de desplazamiento.
3.Secciones — Cada sección de contenido (características, precios, testimonios, etc.) se genera en paralelo.
4.Pie de página — Información de contacto, enlaces de navegación y detalles de la marca — siempre generado, nunca omitido.
5.Ensamblaje — Todas las piezas se unen, se inyectan las etiquetas SEO y el resultado se despliega.

Esta arquitectura garantiza que su pie de página esté siempre presente, que cada sección reciba su propia llamada de IA enfocada y que la salida nunca exceda los límites de tokens.

Características clave

•Constructor de sitios web 3D — Una sola indicación produce un sitio cinematográfico completo con imagen principal, video en movimiento, fotogramas y HTML.
•Ediciones de chat precisas — Cambie colores, texto o diseño a través de la conversación a 0.5 créditos/edición (frente a más de 400 para una regeneración completa).
•Edición de texto en línea — Haga clic en cualquier texto de la vista previa para editarlo directamente — cero créditos, instantáneo.
•Preajustes de diseño — Transformaciones de estilo con un solo clic en diversas industrias: SaaS, restaurantes, portafolios y más.
•Publicación instantánea — En vivo en su propio subdominio en segundos a través de Cloudflare CDN.
•Generación de video — Veo 3.1 Fast (Google) con salida de 720p→4K según el plan.
•Generación de imágenes — Más de 12 modelos de IA, incluyendo Nano Banana Pro, Seedream 4.5, Flux Pro.
•Sistema Operativo de Negocio — Panel de inteligencia de negocio impulsado por IA junto con su sitio web (Pro+).
•Historial de versiones — Cada punto de control de generación guardado; revierta en cualquier momento.

Requisitos del sistema

Draftly se ejecuta completamente en su navegador. No hay software que instalar.

Navegadores compatibles: - Chrome 90+ (recomendado para el mejor rendimiento de desplazamiento y decodificación de video) - Firefox 88+ - Safari 14+ - Edge 90+

Conexión a Internet: Requerida. La generación de video transmite archivos grandes — se recomienda una conexión de banda ancha estable (10 Mbps+).

Dispositivo: Funciona en escritorio y tablet. El constructor 3D está optimizado para pantallas de 1280px de ancho o más.

SiguienteCuenta y registro