Arrastra, suelta, redimensiona — mira el código escribirse solo.
Un editor visual de verdad en un lienzo infinito. Cada movimiento se convierte en Flutter de producción limpio en tiempo real. Diseña como diseñador, lanza como ingeniero.
Qué puedes hacer
Un lienzo que habla Flutter.
No es una herramienta de mockups que te entrega un PNG. Cada interacción mapea a widgets reales y constraints reales.
Arrastra, suelta, ordena
Saca widgets de la paleta y colócalos donde quieras. Posicionamiento libre o filas y columnas auto-apiladas — tú decides.
Redimensiona con intención
Pixel-perfect o responsive. Los handles actualizan constraints reales de Flutter, no CSS desechable.
Panel de propiedades
Colores, espaciado, tipografía, modos de layout — cada propiedad del widget a un clic, todo type-safe.
Sync de código en vivo
Un panel junto al lienzo muestra el Dart generado actualizándose con cada edición. Edita código y el lienzo lo sigue.
Deshacer, rehacer, restaurar
Hasta 50 snapshots de historial. Experimenta libremente — siempre puedes volver atrás o ramificar.
Multiplayer
Cursores en vivo y presencia. Construye con tu equipo o revisa con un cliente en el mismo lienzo exacto.
Verdaderamente bidireccional
Edita cualquier lado — el otro lo sigue.
La mayoría de herramientas generan código una vez y olvidan. Forma mantiene el lienzo y el Dart en lockstep: cambia un color en el lienzo y el código se actualiza; toca el código y el lienzo lo refleja.
Container(
color: Color(0xFF3B82F6),
)Los números
Velocidad sin lo desechable.
0
Líneas de boilerplate
Scaffolding, navegación y theming se generan por ti
2-way
Sync código ⇄ lienzo
Edita cualquier lado; el otro se mantiene al instante
50
Niveles de deshacer
Historial de snapshots para experimentar sin miedo
Modos de layout
Ordena visualmente, exporta Flutter idiomático.
Cada contenedor elige un modo de layout — y cada uno mapea al widget Flutter correcto. Sin Stacks anidados donde va una Column.
Libre
x / y absolutas
Stack + PositionedStack vertical
Hijos apilados hacia abajo
ColumnStack horizontal
Hijos en fila
RowCómo funciona
De lienzo vacío a pantalla lanzada.
Step 1
Suelta un widget
Toma cualquier widget de la paleta y colócalo en el lienzo. Empieza desde cero o desde una plantilla.
Step 2
Dale forma
Redimensiona, restiliza y ordena. El panel de propiedades y el panel de código en vivo se actualizan juntos en tiempo real.
Step 3
Previsualiza y lanza
Prueba en la preview en vivo, luego exporta Flutter o publica en web, iOS y Android.
Ve más profundo
Hecho para builders de verdad.
Los detalles que separan un juguete de una herramienta con la que lanzas apps a producción.
Modos de layout
Cambia cualquier contenedor entre posicionamiento libre, stack vertical y stack horizontal. Los exports mapean limpio a Stack, Column y Row.
Preview en vivo
Activa una preview interactiva para probar taps y navegación antes de exportar una sola línea de código.
Asistencia IA en el lienzo
Selecciona cualquier región y pide a Copilot rediseñar, refactorizar o generar una sección nueva inline.
Auto-guardado y sync
Cada cambio se persiste a la nube al instante. Cierra la pestaña, vuelve a abrir donde sea — tu proyecto está exactamente donde lo dejaste.
FAQ
El constructor, explicado.
Empieza a construir visualmente.
Abre el constructor y mira tu primera pantalla convertirse en código Flutter real.