DocsPrimeros PasosIntroducción

Introducción

Bienvenido a Draftly — la plataforma impulsada por IA para crear sitios web cinematográficos y listos para producción desde 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 hero cinematográfica, un video de movimiento sincronizado con el scroll, y HTML de producción en menos de 3 minutos.

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

Draftly funciona completamente en tu navegador en draftly.space — sin instalación, sin código, sin necesidad de diseñador.

Lo Que Obtienes de Un Solo Prompt

1.Imagen hero — Una imagen de fondo cinematográfica generada por IA, dimensionada y estilizada según la orientación y el estado de ánimo del color de tu sitio
2.Video de movimiento — Un video de fondo sincronizado con el scroll de 5 a 8 segundos (Veo 3.1 de Google) que da vida al hero
3.Frames de scroll — ~200 fotogramas WebP extraídos del video, permitiendo una animación fluida impulsada por el scroll
4.HTML completo del sitio — HTML responsive multisección con navegación, pie de página, motor de animación de scroll y metaetiquetas SEO
5.URL en vivo — Publicado instantáneamente en tu propio subdominio en *.draftly.space

Cómo Funciona

Draftly usa un pipeline de generación en 5 fases por fragmentos diseñado para producir sitios que nunca se truncan ni se repiten:

1.Planificación — La IA extrae el nombre de tu marca, titular, secciones, estado de ánimo de color y diferenciadores de tu prompt
2.Estructura — Navegación, sección hero, variables CSS y el motor de frames de scroll se generan primero
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 marca — siempre generado, nunca omitido
5.Ensamblaje — Todas las piezas se unen, se inyectan etiquetas SEO y el resultado se despliega

Esta arquitectura garantiza que tu pie de página siempre esté presente, cada sección recibe su propio llamado de IA enfocado y el resultado nunca alcanza los límites de tokens.

Características Principales

Constructor de Sitios 3D — Un prompt produce un sitio cinematográfico completo con imagen hero, video de movimiento, frames y HTML
Ediciones de Chat Quirúrgicas — Cambia colores, texto o diseño a través de la conversación a 0.5 créditos/edición (vs. 400+ para regeneración completa)
Edición de Texto en Línea — Haz clic en cualquier texto en la vista previa para editarlo directamente — cero créditos, instantáneo
Presets de Diseño — Transformaciones de estilo con un clic en diversas industrias: SaaS, restaurante, portafolio y más
Publicación Instantánea — En vivo en tu propio subdominio en segundos a través de Cloudflare CDN
Generación de Video — Veo 3.1 Fast (Google) con salida de 720p a 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
Business OS — Panel de inteligencia empresarial impulsado por IA junto a tu sitio web (Pro+)
Historial de Versiones — Cada punto de control de generación guardado; revierte en cualquier momento

Requisitos del Sistema

Draftly funciona completamente en tu navegador. No hay software que instalar.

Navegadores Compatibles: - Chrome 90+ (recomendado para el mejor rendimiento de scroll 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.