Crea sitios web 3D cinematográficos y guiados por el desplazamiento a partir de prompts o plantillas, y exporta código listo para publicar.
Draftly es un creador de sitios web 3D para crear sitios cinematográficos guiados por el desplazamiento a partir de un prompt o una plantilla. La página de inicio lo presenta como una forma de crear HTML listo para producción en minutos, mientras que la página de funciones añade que también se puede comenzar con más de 50 plantillas y editarlas directamente.
El producto combina generación mediante AI, reproducción de movimiento basada en fotogramas y exportación de código. El flujo de trabajo pasa de un brief o una plantilla a elementos visuales generados, una secuencia animada sincronizada con el desplazamiento y un sitio descargable que se puede publicar en un dominio personalizado o alojar en plataformas como Vercel o Netlify.
Draftly parte de más de 50 plantillas listas para producción, incluidas maquetaciones para SaaS, agencias, portafolios, lanzamientos, estudios, editoriales, casos prácticos, comercio electrónico de lujo, productos, historias, carritos, manifiestos, trabajos y contacto. Los usuarios pueden hacer clic para editar el texto y los recursos multimedia en lugar de reconstruir una página desde cero.
El flujo de generación mediante AI convierte un brief en lenguaje natural en una experiencia de desplazamiento cinematográfica, con resultados para imágenes, videos y maquetaciones. El sitio indica que el sistema está entrenado con más de 10.000 diseños profesionales y admite direcciones estilísticas como noir, hora dorada, brutalista, sueño pastel y distopía de neón.
El motor de movimiento de Draftly convierte un concepto estático en un video de ocho segundos y después lo divide en fotogramas que se reproducen con el desplazamiento. El sitio afirma explícitamente que la experiencia utiliza el desplazamiento nativo del navegador en lugar de WebGL o Three.js.
El flujo de exportación produce HTML semántico, Tailwind CSS y JavaScript, y la página de funciones indica que el código se puede publicar en cualquier lugar. También menciona un starter opcional de Express API y destinos de publicación con un clic, como Vercel, Netlify y Cloudflare Pages.
El estudio de nodos permite conectar modelos de AI y encadenar pasos como texto a imagen, imagen a video, mejora de resolución, eliminación de fondos y generación de fotogramas. Draftly lo describe como el lugar para crear flujos reutilizables después de publicar el primer proyecto.
Draftly ajusta el número de fotogramas, su resolución y el comportamiento de reproducción al dispositivo y la conexión del visitante. El sitio indica que los dispositivos móviles reciben fotogramas de menor resolución, los equipos de escritorio reciben fotogramas de mayor resolución y las secuencias se cargan de forma diferida para acelerar los tiempos de carga.
Comienza con una plantilla para una página de SaaS, agencia, portafolio, lanzamiento o editorial y después haz clic para editar el texto y los recursos multimedia antes de publicar. Es adecuado para equipos que quieren un punto de partida pulido sin escribir prompts desde cero.
Escribe un brief en lenguaje natural para una landing page de marca y deja que Draftly genere la maquetación, los elementos visuales y la secuencia de movimiento. El producto está dirigido a usuarios que quieren una página de inicio o sección principal cinematográfica sin trabajar con WebGL.
Crea una experiencia guiada por el desplazamiento para una historia de producto, una página de marca de lujo o un caso práctico en la que el movimiento forme parte de la presentación. El motor de movimiento se basa en una reproducción fotograma a fotograma que sigue la posición de desplazamiento del navegador.
Exporta un sitio terminado como HTML, Tailwind CSS y JavaScript, y después publícalo en Vercel, Netlify, Cloudflare Pages o un servidor autoalojado. Este flujo es adecuado para equipos que quieren ser dueños del código y mantener el control del alojamiento.
Después de publicar el primer sitio, pasa al estudio de nodos para encadenar pasos de modelos como generación de imágenes, generación de videos, mejora de resolución y eliminación de fondos. Esta configuración está pensada para flujos creativos repetibles, no para páginas puntuales.
Draftly es un creador de sitios web para crear sitios 3D cinematográficos y landing pages guiadas por el desplazamiento a partir de prompts o plantillas. La fuente describe un flujo que pasa del prompt o la plantilla a la generación mediante AI, la reproducción sincronizada con el desplazamiento y la exportación para producción.
La página de precios muestra una prueba gratuita de 2 días que requiere una tarjeta de débito, seguida de planes de pago. También muestra niveles de planes que incluyen créditos de AI, límites de generación y funciones como dominios personalizados y exportación ZIP en los planes superiores.
La página de funciones indica que Draftly exporta HTML semántico limpio, Tailwind CSS y JavaScript, y el sitio afirma que la exportación ZIP está disponible en los planes Pro. Los destinos de exportación incluyen Vercel, Netlify, Cloudflare Pages o tu propio servidor.
Draftly permite comenzar con plantillas de sitios web o con un prompt. La página de funciones describe plantillas para páginas de SaaS, agencias, portafolios, lanzamientos, estudios, editoriales, casos prácticos, comercio electrónico de lujo, productos, historias, carritos, manifiestos, trabajos y páginas de estilo contacto.
La fuente indica que Draftly utiliza la reproducción mediante el desplazamiento nativo del navegador y no requiere WebGL ni Three.js. La página de funciones también señala que la calidad y la resolución de los fotogramas se adaptan automáticamente para los visitantes con menor ancho de banda.
Los datos de tráfico son solo como referencia.
tilda.cc
Tilda es un creador de sitios web sin código para crear sitios web, páginas de destino y tiendas online, con plan gratuito, bloques y plantillas prediseñados y creación asistida por IA.
unicornplatform.com
Constructor de sitios web sin código con IA para crear páginas de destino, blogs, directorios y otros sitios de marketing, con plantillas, edición adaptable, código personalizado y funciones de publicación.
sitely.app
Crea y publica sitios web estáticos en tu Mac con edición visual, sin código ni jerga técnica, y con herramientas integradas para gestionar tu sitio.
codedesign.ai
Crea, edita, aloja y exporta sitios web con IA mediante un flujo sin código, con sincronización opcional con WordPress, exportación de código y automatizaciones con Zapier.
typedream.com
Crea y vende online en minutos con un creador web sin código asistido por IA, plantillas y herramientas para páginas, blogs y productos.
waveon.io
Waveon te ayuda a crear y publicar páginas web sin programar, mediante chat o plantillas y con edición visual. Es ideal para landing pages, formularios y sitios de negocio.
