Cómo funciona
En Bitácora diseñas dictando. Bocetas, dices lo que cambiarías y cada idea queda escrita como una bitácora. Cuando estás listo, ejecutas y tu IA crea las pantallas siguiendo cada una de tus especificaciones.
Empieza con un boceto
Dibujas la pantalla a mano, con el lápiz de la tableta o con el ratón, y dictas los ajustes sobre el dibujo. Lo que dices queda asociado a ese boceto como una bitácora.
O comienza definiendo la navegación
Si lo prefieres, empieza por el flujo: las pantallas, las flechas con su acción y las condiciones. También dictas sobre el flujo, y cada indicación se suma como bitácora.
Cada idea, una bitácora
Pulsas R, miras y lo dices con tus palabras. Dictar no toca nada: las bitácoras se acumulan, pegadas al boceto, a la pantalla o al punto exacto que marcaste, hasta que decides ejecutar.
Ejecutas, y tu IA crea las pantallas
Cuando estás listo, ejecutas las bitácoras y tu IA crea y ajusta las pantallas según lo que indicaste en cada una. El lienzo está vivo: ves cada cambio en tiempo real, y en minutos exploras y dictas ajustes sobre cientos de pantallas y los ves aplicarse todos. El diseño se mantiene coherente porque cada pantalla nueva usa solo los recursos que tu proyecto ya tiene definidos: sus fuentes, sus colores, sus bordes y sus estilos.
Con el conector MCP
Conectas la herramienta de IA que ya usas a nuestro servidor MCP y su suscripción ejecuta los lotes, desde su aplicación o desde tu editor de código.
Con tu clave de API
Pones tu propia clave y Bitácora ejecuta con ella. Ves el coste de cada lote antes de empezar y la clave nunca se muestra.
Un lienzo para proyectos de cientos de pantallas
El lienzo aguanta proyectos complejos y profesionales con cientos de pantallas, todas en vivo. Te acercas para cuidar un detalle de una sola pantalla o das una indicación que afecta a todas.
No solo lo miras: en el propio lienzo interactúas con el diseño, como en la app. Y si prefieres hacer a mano un ajuste pequeño, como cambiar un texto o ajustar una distancia o un tamaño, también puedes.
Cada tamaño, en el propio lienzo
Las pantallas web se adaptan sin salir del lienzo: de móvil a pantalla grande con un clic o arrastrando el borde. Ves cómo se recoloca y dictas lo que ajustarías en cada tamaño.
Cambias una vez, cambian todas
Aunque el proyecto tenga cientos de pantallas, sus elementos se manejan como componentes y sus estilos viven en el sistema de diseño, en un solo sitio.
Componentes
Los elementos que se repiten son piezas compartidas. Cambias una y cambian todas las pantallas que la usan.
Colores
Los colores son estilos centralizados del sistema de diseño. Cambias uno y se actualiza en todas las pantallas que lo llevan.
Tipografía
Cambias la fuente en el sistema de diseño y cambia sola en todas las pantallas que la usan. Lo mismo con los radios y los iconos.
Pruébalo con un proyecto tuyo
Un proyecto, 30 bitácoras al mes y el enlace para enseñárselo a tu cliente. Empiezas gratis, sin asociar ninguna tarjeta.
