Draft es un editor visual para Windows. Arrastras widgets de Flutter a un teléfono, una tablet o un escritorio, tocas la pantalla en la Vista previa como si fuera una app y copias el código en Flutter (Dart) y, para muchos widgets, también en React con TypeScript y Tailwind.
Gratis. Versión beta: puede tener errores y se actualiza sola.
Así se arma una pantalla en Draft. Animación: en el editor de Draft se arrastran a un teléfono una barra superior, un buscador, chips, tarjetas de producto y una barra de navegación; se cambia el peso y el tamaño de un título en Propiedades; se aplica el paquete de estilo Bosque a toda la página; en la Vista previa se tocan un chip y un corazón; y con clic derecho, «Copiar código» muestra el código Flutter de la tarjeta.
Animación hecha con la interfaz de Draft. Las capturas de más abajo son de la app, sin retocar.
01 · Así se hace
Todas salen del mismo proyecto, en orden. En ninguno hace falta escribir código.
Lo eliges en la paleta (Text, Button, Image, Text Field, gráficos, calendario y más) y lo sueltas en la página. Las columnas y filas lo acomodan solas.
Texto, tipografía, colores, tamaño, espacio y acciones del widget elegido. Cada cambio se puede deshacer.
Ocho paquetes cambian un widget o la página entera de una vez, y combinan entre sí. Aquí, Voltio.
En la Vista previa los botones, campos y chips responden como en una app. Con clic derecho sobre un widget, «Copiar código» te da su versión en Flutter (Dart), lista para pegar en tu proyecto; para muchos widgets también en React con TypeScript y Tailwind.
02 · Un proyecto completo
Arriba viste una tienda. Esta es una app de trabajo en equipo: panel, calendario y chats, armadas con las plantillas de la app y el paquete Voltio. Son capturas de la Vista previa: así se ven y así responden.
03 · Ficha técnica
Escrita como el panel de Propiedades de la app. Nada de esto es una promesa: ya está en la versión que descargas.
Propiedades
04 · Gratis y Pro
No hay widgets ni funciones del editor reservadas para Pro.
Para diseñar en tu equipo.
Gratis
Sin tarjeta. Solo necesitas una cuenta.
Para trabajar en más de un equipo.
—
Mensual o anual.
05 · Preguntas
Sí. El editor completo es gratis. Pro es una suscripción que agrega lo que necesita la nube: sincronizar tus proyectos entre equipos y guardar tus fotos.
En tu equipo. Con Pro, además, se copian a la nube para abrirlos en otro equipo con la misma cuenta.
Sí, para entrar a la app: con correo y contraseña o con Google.
Hoy no. Draft se publica para Windows de 64 bits.
No. Draft diseña las pantallas y te da el código para llevarlo a tu proyecto: Flutter (Dart) de los widgets o de la página entera y, para muchos widgets, React con TypeScript y Tailwind. La lógica, los datos y la navegación de tu app los programas tú.
Vuelves a Gratis y no se borra nada: tus proyectos siguen en tu equipo y lo que estaba en la nube queda guardado; solo deja de sincronizarse. Si vuelves a Pro, se pone al día.
Desde la app, con tu cuenta iniciada: Ajustes › Cuenta y nube › Mejorar a Pro. El pago lo procesa Lemon Squeezy en tu navegador. Más detalles en Precios.
Todavía es beta: funciona, pero puede tener errores. Las versiones nuevas llegan por la actualización automática, que te pregunta antes de instalar. Si encuentras un error, escríbenos.
Descargar
El instalador está en el repositorio público de versiones de Draft en GitHub. Una vez instalada, la app busca versiones nuevas al abrirse y te pregunta antes de actualizar.
Descargar la última versión