Empiece con un preset impresionante y edite directamente, o construya un sitio 3D inmersivo con scroll a partir de una sola indicación. No se requieren conocimientos de WebGL. No se requiere título de diseño. No más indicaciones interminables en un lienzo en blanco.
Elija un preset pulido, haga clic para editar texto y medios, y publique en un subdominio gratuito de Draftly o conecte su propio DNS — el mismo flujo de publicación que el constructor 3D.
Describe el sitio web que deseas — el ambiente, la industria, la atmósfera — y Draftly ensambla una experiencia de desplazamiento cinematográfica completa solo con tus palabras.
Una secuencia de cuatro etapas convierte un concepto estático en ocho segundos de movimiento cinematográfico, luego divide ese movimiento en cientos de fotogramas que el navegador puede reproducir al instante.
Una vez que hayas lanzado tu primer sitio, el estudio de nodos es donde construyes el segundo de manera diferente. Conecta cualquier modelo de IA, cualquier secuencia, cualquier salida.
Cada evento de desplazamiento avanza un fotograma. Cada fotograma está prerrenderizado. El resultado se siente como una película, funciona como un sitio estático y es compatible con un teléfono de hace cinco años.
Descarga un ZIP. Despliega en Vercel, Netlify o tu propio servidor. Draftly no te aloja, no te encierra ni te cobra por visitante. El código es tuyo.
<!-- Draftly export · scroll-locked sequence --> <section class="hero" data-frames="240"> <div class="scroll-stage"> <canvas id="frame-canvas" /> <div class="overlay"> <h1>Built with Draftly</h1> </div> </div> </section> // 240 frames · 1.8MB total · LCP 1.2s
Los puntos de interrupción de Tailwind, las escalas de tipografía fluida y las resoluciones de fotogramas adaptables hacen que tu sitio se vea intencional en un monitor 4K y en un teléfono de 360px.
Desktop · 1440px
Tablet · 768px
Mobile · 375px
Preajustes
Prompt
Imagen
Video
Fotogramas
Lanzar
Principal · Características · Precios
Editorial · Casos de estudio
Producto · Historia · Carrito
Manifiesto · Trabajo · Contacto
| Draftly | Framer | Webflow | Spline | |
|---|---|---|---|---|
| Website presets gallery | ● 50+ templates | — | — | — |
| AI prompt-to-site | ● Full pipeline | Partial | — | — |
| 3D motion (no WebGL) | ● Native scroll | — | — | WebGL required |
| Code export | ● HTML/CSS/JS | Code components | Yes (paid) | React only |
| Hosting required | ● Optional | Bundled | Bundled | Bundled |
| Bring your own AI model | ● Yes | — | — | — |
| Entry price | ● $0 / $25 | $15 | $18 | $0 / $9 |
“Presentamos un sitio de marca de $40k usando una exportación de Draftly. El cliente pensó que habíamos contratado un equipo de Three.js. No fue así.
“Nuestra sección principal solía tomarle dos semanas a un diseñador. Ahora solo requiere un prompt y un espresso.
“El código exportado es más limpio que el que entregan la mayoría de las agencias. Lo alojamos nosotros mismos. Sin dependencia de plataforma.
Chrome, Safari, Firefox, Edge — últimas dos versiones. Probado en iOS 14+ y Android 9+.
Archivo ZIP que contiene HTML, CSS (Tailwind), JS, secuencias de fotogramas (WebP o AVIF).
2–6 MB por sitio, dependiendo del número de fotogramas y la resolución. Compresión agresiva.
Opcional. 8GB de VRAM mínimo para inferencia de IA local. Compatible con claves de Gemini y Fal.ai.
Plan Pro y superiores. Puntos finales REST para generación programática y disparadores de pipeline.
LCP objetivo inferior a 1.5s. Carga diferida de fotogramas. Calidad adaptativa por conexión.
Describa lo que desea. Draftly construye un sitio 3D impulsado por desplazamiento en minutos. Suscríbase para lanzar.