¿Qué quieres hacer?
Cada tarea de Bitácora, paso a paso y con la escena de cómo se hace.
Entra por lo que haces
- Diseño en Bitácora Del boceto a la entrega: dictar, ejecutar, revisar y publicar. Empezar, Conecta tu IA, Bitácoras
- Trabajo en un equipo Proyectos compartidos, roles, asientos y quién revisa qué. Equipos y roles, Bitácoras, Ejecutar y revisar
- Recibí una entrega Entrar al portal, recorrer el proyecto y dejar tus comentarios. El portal, para tu cliente
- Programo lo que me entregaron Medidas, código, descargas y tu agente con la entrega. Para quien programa
Todos los temas
- Empezar Crear tu cuenta y dar los primeros pasos Entras con tu correo o con Google, sin contraseña, y en cuatro pasos dejas listo tu perfil, tu IA, tu equipo y tu primer boceto.
- Empezar Crear tu primer proyecto Ponle nombre, elige si empiezas en blanco, desde un archivo de Bitácora o desde el brief de tu cliente, y el tamaño de sus pantallas.
- Empezar Explorar el proyecto de ejemplo Si todavía no tienes proyectos, abre el de ejemplo, Cafetería Luma: una pantalla y una bitácora ya dictada para que veas cómo trabaja Bitácora al ejecutarla.
- Empezar Glosario Las palabras de Bitácora en una línea cada una, de bitácora a Recursos, para entender la Ayuda y la app.
- Conecta tu IA Conectar Claude con Bitácora Añade Bitácora como conector en Claude, en la web, la app de escritorio o el móvil, y tu Claude podrá leer tus proyectos y aplicar tus bitácoras.
- Conecta tu IA Conectar Claude Code con Bitácora Un comando en tu terminal y una autorización en el navegador, y Claude Code aplica tus bitácoras desde tu ordenador.
- Conecta tu IA Conectar Cursor con Bitácora Añade Bitácora a los servidores MCP de Cursor con un clic o con su archivo mcp.json, autoriza en el navegador y Cursor aplicará tus bitácoras.
- Conecta tu IA Conectar ChatGPT con Bitácora Añade Bitácora como servidor MCP personalizado en ChatGPT, en la web, y autoriza en la ventana de Bitácora para que ChatGPT trabaje en tus proyectos.
- Conecta tu IA Conectar VS Code con Bitácora Añade Bitácora como servidor MCP en VS Code y úsalo desde el chat de Copilot en modo agente para aplicar tus bitácoras.
- Conecta tu IA Conectar Gemini CLI con Bitácora Dos comandos en tu terminal y una autorización en el navegador, y Gemini CLI aplica tus bitácoras desde tu ordenador.
- Conecta tu IA Conectar Codex con Bitácora Añade Bitácora a Codex con un comando, entra con otro y autoriza en el navegador para que Codex aplique tus bitácoras.
- Conecta tu IA Usar tu clave de la API de Claude Guarda tu clave de Anthropic en Ajustes y Bitácora ejecuta tus bitácoras por sí sola, sin abrir tu chat. Elige con qué clave trabaja cada proyecto y préstala a uno compartido.
- Conecta tu IA Crear y revocar claves de acceso En Ajustes › Conector ves cada herramienta que entra en tu espacio y la revocas cuando quieras. Para las que no abren el navegador, crea una clave de acceso.
- Proyectos Empezar un proyecto desde el brief de tu cliente Sube al crear el proyecto el brief y la documentación que te pasó tu cliente. Quedan en Recursos y la IA empieza sola a proponer las pantallas a partir de ellos.
- Proyectos Descargar y abrir un archivo de Bitácora Un archivo .bitacora es la copia de un proyecto. Descárgalo desde su tarjeta y ábrelo en Proyectos para tenerlo de nuevo, en tu espacio o en otro.
- Proyectos Duplicar, archivar, eliminar y recuperar proyectos Desde el menú de cada tarjeta en Proyectos duplicas, archivas o eliminas un proyecto. Lo eliminado espera 30 días en la papelera por si lo quieres de vuelta.
- El lienzo Los modos del puntero en el lienzo Recorrer, Interactuar, Seleccionar, Textos y Ajustar cambian lo que hace un clic en el lienzo. Se eligen en el riel de la izquierda o con V, I, S, T y P.
- El lienzo Agrupar pantallas y asignar responsables Junta las pantallas de un mismo flujo en grupos con nombre y color, deja que se agrupen solas y asigna a cada grupo quién lo lleva.
- El lienzo Retocar a mano un elemento de una pantalla Con el modo Ajustar cambias el relleno, los colores, la tipografía, las esquinas o un icono de cualquier elemento, sin dictar ni gastar IA, en una pantalla o en todas sus copias.
- El lienzo Corregir un texto directamente en la pantalla Con el modo Textos haces clic en cualquier texto de una pantalla, lo corriges y pulsas Intro. Sin dictar y sin gastar IA.
- El lienzo Volver a una versión anterior de una pantalla Cada pantalla guarda sus últimas versiones. Desde su historial las comparas lado a lado y restauras la que quieras.
- El lienzo Elegir entre varias versiones de una pantalla Pide en una bitácora dos o tres propuestas de un mismo elemento, compáralas una a una o lado a lado y quédate con la que te guste.
- El lienzo Corregir los avisos de accesibilidad de una pantalla Bitácora mide en cada pantalla el contraste, el tamaño para el dedo, los textos pequeños y lo que no tiene nombre, y te deja corregirlo todo con una bitácora.
- El lienzo Probar un diseño a toda la ventana Con pantallas de ordenador o de tablet, Probar diseño abre la pantalla a toda la ventana en una pestaña nueva, con sus enlaces, para probarla como el producto terminado y dictar sobre ella.
- El lienzo Fotos libres e iconos de librería para tus pantallas Cambia las imágenes de una pantalla por fotos de uso libre o por las tuyas, y elige las librerías de iconos del proyecto, sin gastar IA. La IA también las usa al construir.
- El lienzo Probar el proyecto en tu móvil Escanea el código QR de «Pruébalo en el móvil» y navega tus pantallas en el teléfono como si fuera la app terminada.
- El lienzo Atajos de teclado del lienzo Todas las teclas y los gestos del lienzo, de las bitácoras y de Pendientes y Flujo, en una sola página.
- Bitácoras Dictar una bitácora Pulsa R, di lo que cambiarías mientras miras la pantalla y marca con un clic dónde. La bitácora queda pegada a ese punto, lista para ejecutar.
- Bitácoras Escribir una bitácora en lugar de dictarla Pulsa E, escribe el cambio que pides y pulsa Intro. Sirve igual que una dictada y entra en el mismo lote.
- Bitácoras Responder las dudas de la IA Cuando una bitácora no queda clara, aparece «La IA tiene dudas». Un solo dictado o un texto responde a todas y la bitácora entra en el lote.
- Bitácoras Tu vocabulario: Bitácora aprende cómo nombras las cosas Bitácora apunta las palabras que usas al dictar («la pastilla» es un chip de filtro) para entenderte mejor en todos tus proyectos. Las ves, corriges y borras en Ajustes.
- Ejecutar y revisar Ejecutar tus bitácoras y revisar los cambios Pulsa Ejecutar, mira cómo cambian tus pantallas en el lienzo y repasa en Revisión cada ajuste, con su antes y después, para darlo por bueno o revertirlo.
- Ejecutar y revisar Elegir con qué se ejecutan tus bitácoras Tu Claude por el conector, tu clave de la API o tu propia IA trabajando sobre los archivos. Aquí eliges, pruebas sin gastar y decides si apruebas cada lote.
- Ejecutar y revisar Deshacer lo que hizo un lote Desde Revisión devuelves una pantalla, o todas las de un lote, a como estaban antes de ejecutar. Las bitácoras vuelven a la franja para reintentarlas.
- Bocetos Dibujar en las pizarras En Bocetos dibujas a mano lo que quieres, dictas sobre el dibujo y, al ejecutar, la IA lo convierte en pantallas. La pizarra pasa a Procesados con las pantallas que salieron.
- Bocetos Bocetar encima de una pantalla Manda una pantalla a una pizarra para dibujar encima lo que quieres cambiar, o haz un boceto rápido mientras revisas sus animaciones.
- Flujo Dibujar el flujo de navegación En la pestaña Flujo dibujas cómo se pasa de una pantalla a otra, con pantallas, condiciones, notas y flechas, o le pides a la IA que lo dibuje a partir de tus pantallas.
- Flujo Aprobar el mapa del flujo Al aprobar el mapa, la IA construye en serie las pantallas que el Flujo tiene planificadas y todavía no existen. Si luego lo cambias, puedes comparar el actual con el aprobado.
- Design System Cambiar colores, tipografía y bordes en todas las pantallas En la pestaña Design System cambias un color, una familia tipográfica o el radio de las esquinas en todas las pantallas a la vez, al momento y sin gastar IA.
- Design System Piezas compartidas: cambiar una y que cambien todas Lo que se repite en varias pantallas, como una barra de pestañas o un botón, la IA lo hace pieza compartida. Ajústala una vez y cambian todas sus copias.
- Design System La guía de estilo, la documentación y las Actualizaciones Tres documentos que escribe la IA y mantiene al día con cada lote, para ti, para quien programa y para tu cliente. Se piden con un botón y se comparten en el portal.
- Entregar a tu cliente Entregar un proyecto a tu cliente Desde el botón Entrega eliges a quién va, cómo entra y qué pantallas viajan, y publicas. Tu cliente lo recibe en su portal y te devuelve sus comentarios ahí mismo.
- Entregar a tu cliente Elegir cómo entra tu cliente a la entrega Una contraseña para cada persona, una contraseña para todos o un enlace público. Qué ve cada una, qué sabrás de quién entra y cómo se cambia.
- Entregar a tu cliente Elegir qué ve tu cliente en su portal Enciende o apaga las secciones, las herramientas y cada pantalla de la entrega, mira quién ha entrado y ábrela tal como la verá tu cliente.
- Entregar a tu cliente Saber quién vio la entrega y recordárselo Después de publicar, el resumen de la entrega te dice quién la tiene al día, quién no ha visto la última y quién no la ha abierto, pantalla por pantalla.
- Entregar a tu cliente Publicar la siguiente actualización Cuando cambias pantallas después de entregar, publica una actualización nueva con todo o solo con lo cambiado. Tu cliente ve qué es nuevo y qué cambió.
- Entregar a tu cliente Atender los comentarios de tu cliente Los comentarios del portal llegan a tu lienzo. Respóndelos, ciérralos o conviértelos en bitácoras para que entren en tu siguiente lote.
- Entregar a tu cliente Descargar la entrega en un ZIP En lugar de publicar en el portal, llévate el proyecto en un ZIP. Con Essential, las capturas de las pantallas; desde Professional, el HTML completo.
- Entregar a tu cliente Poner la marca de tu estudio en el portal Tu logotipo, tu color, tu nombre y tu dirección en el portal que ven tus clientes, más el correo y el WhatsApp de ayuda y el idioma.
- El portal, para tu cliente Entrar al portal de tu proyecto Con el botón del correo entras sin escribir nada durante 30 días. Si no, escribe la contraseña que te dio el estudio. No necesitas cuenta.
- El portal, para tu cliente Comentar una entrega Entra con el botón del correo o con tu clave, pulsa Comentar y haz clic en la pantalla donde quieres el cambio. Verás cuándo se aplica.
- El portal, para tu cliente Recorrer las pantallas y el prototipo En el portal ves tus entregas, cada pantalla con sus versiones y el prototipo para navegarlo como si fuera la app, además del lienzo, el flujo y los documentos.
- El portal, para tu cliente Ver qué cambió entre versiones Cada vez que el estudio publica una actualización, las pantallas que cambian ganan versión. Con Comparar ves la anterior y la nueva lado a lado.
- El portal, para tu cliente Ver tu proyecto en el teléfono Si el estudio lo activó, el correo trae «Abrir en el teléfono»: la entrega a pantalla completa, como una app, que puedes instalar desde el navegador.
- Para quien programa Medidas, colores y código con el modo desarrollador En la pestaña Dev del portal mides cualquier elemento, ves su tipografía, sus colores y su caja, y copias su CSS y su HTML.
- Para quien programa Conectar tu agente de IA a una entrega Si programas lo que te entregaron, tu agente (Claude Code, Cursor u otro) lee las pantallas, los documentos y los assets de la entrega por el conector de Bitácora.
- Para quien programa Descargar los archivos de la entrega Desde la pestaña Dev del portal bajas una pantalla o la entrega entera. Desde Professional, en HTML navegable sin conexión; con Essential, en capturas.
- Mis clientes Llevar tus clientes: empresas, personas y listas En Mis clientes guardas las empresas y las personas con las que trabajas y las agrupas en listas, para elegirlas al entregar y llevar lo cobrado de cada proyecto.
- Mis clientes Importar tus contactos Trae a Mis clientes las personas de un CSV o una vCard, y las empresas de un CSV. Quien ya está con el mismo correo no se duplica: se pone al día.
- Mis clientes Estados, acciones y etiquetas de tus clientes Marca en qué punto está cada empresa y cada persona, lo que ha pasado con ella y cómo la reconoces, para encontrarla de un vistazo en Mis clientes.
- Mis clientes Llevar lo acordado y lo cobrado de cada proyecto Apunta para cada proyecto quién es el cliente, cuánto acordasteis y lo que te ha ido pagando. Es un registro tuyo; Bitácora no cobra a tus clientes ni emite facturas.
- Equipos y roles Invitar a tu equipo a un proyecto Desde el botón del equipo del lienzo invitas por correo, eliges el rol de cada persona y la admites cuando espera en la puerta.
- Equipos y roles Los roles: quién puede hacer qué Cada persona de un proyecto compartido tiene uno de cuatro roles, de Propietario a Solo ver. Esta tabla dice qué permite cada uno.
- Equipos y roles Crear tus equipos Un equipo reúne a la gente con la que trabajas, cada una con su rol, para meterla de una vez en los proyectos que compartas.
- Equipos y roles Asientos y pase de colaboración Cada persona que entra en un proyecto compartido ocupa un asiento. Tu plan incluye algunos; para el resto está el pase de colaboración, un pago único por los meses que elijas.
- Equipos y roles Admitir a quien espera en la puerta Cuando alguien entra a un proyecto compartido y no hay asiento libre, espera en la puerta sin coste. Desde Equipo del proyecto lo admites en cuanto tienes sitio.
- Equipos y roles Repartir la revisión con tu equipo Reparte las pantallas por grupos con su responsable, mira dónde está cada compañero, avísale con @ y deja que cada cual dé por buenos sus cambios.
- Planes y pagos Qué incluye cada plan Los cinco planes de Bitácora, Free, Essential, Professional, Studio y Agency, con su precio y todo lo que trae cada uno. La IA no está en el precio, va con tu cuenta.
- Planes y pagos Cambiar de plan o cancelar Sube de plan al momento, baja al final de lo que pagaste o cancela para volver a Free. No se borra nada, y antes de bajar eliges quién sigue entrando.
- Planes y pagos El espacio en disco y el disco extra Mira en Ajustes › Plan cuánto espacio usa tu estudio, haz sitio vaciando la papelera y, si te hace falta más, compra disco extra por paquetes de 10 GB.
- Cuenta y ajustes Tu cuenta: nombre, foto, idioma, contraseña y sesiones En Ajustes › Cuenta cambias cómo te ve tu equipo y en qué idioma te habla Bitácora, creas o cambias tu contraseña y cierras las sesiones que no reconozcas. En Estudio, el nombre que ven tus clientes.
- Cuenta y ajustes Elegir qué avisos te llegan En Ajustes › Avisos decides qué llega a la campana y a tu correo, desde los comentarios de tus clientes hasta el resumen de los lunes.
- Cuenta y ajustes Llevarte tus datos y recuperar lo borrado Descarga un archivo con todos los proyectos del estudio, tus clientes y tus cobros, y saca de la papelera los proyectos que borraste en los últimos 30 días.
- Cuenta y ajustes Eliminar tu cuenta Qué se borra, cómo llevarte antes tus datos y cómo arrepentirte en los 14 días siguientes.
- En el móvil Bitácora en el móvil: dictar y ejecutar desde el teléfono Bitácora Lite es Bitácora en el teléfono. Abres tus proyectos, dictas cambios sobre las pantallas, los ejecutas y llevas tu equipo y tus clientes, estés donde estés.
- En el móvil Instalar Bitácora en el móvil Añade Bitácora a la pantalla de inicio de tu iPhone o tu Android y se abre a pantalla completa, como una app, con un toque.
- Afiliados El programa de afiliados Recomienda Bitácora con tu enlace y cobra una comisión fija por cada mes que paguen las personas que lleguen por ti, durante dos años.
- Si algo no sale El micrófono no funciona Si Bitácora no te deja dictar, casi siempre es el permiso del navegador, otra app que tiene el micrófono o una conexión sin https. Aquí está cada aviso y qué hacer.
- Si algo no sale El conector no responde o tu IA no ve Bitácora Si tu chat de IA dice que no encuentra Bitácora o que no está autorizado, casi siempre basta con volver a dar permiso. Aquí está cada caso y cómo arreglarlo.
- Si algo no sale Tu chat de IA se detuvo a mitad de un lote Si tu chat deja de trabajar en medio de un lote, Bitácora te avisa, guarda lo que ya hizo y te deja seguir desde un chat nuevo. Con tu clave de la API, Revisión te dice qué falló.
- Si algo no sale Tu cliente no puede entrar al portal Si tu cliente no consigue abrir la entrega, el aviso que ve dice por qué. Aquí está qué le pasa en cada caso y lo que puedes hacer tú desde Qué ve el cliente.
- Si algo no sale Las pantallas no se actualizan en el lienzo El lienzo se pone al día solo en unos segundos. Si una pantalla no cambia, revisa la conexión, recárgala o acércate para verla en vivo.
- Cómo trabajar Cómo dictar un cambio para que salga a la primera Cinco costumbres que hacen que la IA entienda tus bitácoras sin dudas ni rehacer: señalar, nombrar lo que ves, decir el resultado, uno por idea y pedir opciones cuando dudas.
- Cómo trabajar Revisar un prototipo en diez minutos Una rutina corta para revisar tus pantallas como lo haría tu cliente, dejar los cambios dictados sobre la marcha y ejecutarlos todos juntos al final.
- Cómo trabajar Organizar un proyecto de muchas pantallas Con decenas de pantallas, el orden lo dan los grupos, el Flujo, las piezas compartidas y el Design System. Así te sigues encontrando y la IA mantiene la coherencia.
- Cómo trabajar Del brief al primer prototipo en una tarde El camino completo de un proyecto nuevo, del brief de tu cliente a un prototipo navegable que le puedes enseñar, paso a paso y con lo que conviene hacer en cada uno.
- Cómo trabajar Presentar una entrega a tu cliente Cómo preparar la entrega para que tu cliente la entienda, enseñársela en una reunión y recoger sus comentarios sin perder ninguno.
- Cómo trabajar Cuándo retocar a mano y cuándo dictar Para un valor exacto, retoca a mano; para un cambio en todo el proyecto, el Design System; para todo lo que cambia la estructura o el comportamiento, dicta.
Preguntas que suelen hacer
- ¿Puedo usar Bitácora sin conectar ninguna IA?
- ¿Quién paga la IA cuando alguien de mi equipo ejecuta?
- Mi equipo dicta a la vez en las mismas pantallas, ¿quién ejecuta y qué entra en el lote?
- ¿Qué ve exactamente mi cliente y qué no?
- ¿Qué pasa con los comentarios de mi cliente si publico una versión nueva?
- ¿Puedo entregar una parte del proyecto a un cliente y otra a otro?
Novedades
¿No lo encuentras?
Cuéntanos qué buscabas desde «Sugerencias y fallos», en el menú de tu cuenta, y lo escribimos.
