Bitácora

Revisa, dicta, crea y entrega.

Tu equipo diseña, revisa y entrega en el mismo lugar, y si trabajas por tu cuenta, también. Proyectos complejos, gestionados con sencillez y con el feedback del cliente dentro del flujo. Con tu IA favorita.

Empezar gratis Ver cómo funciona Empiezas gratis, sin asociar ninguna tarjeta. Un proyecto tuyo, de verdad.

Antes de la primera pantalla

Empieza como prefieras: con un boceto a mano o definiendo el flujo de navegación. Los dos viven en el mismo proyecto que las pantallas.

Dibuja la idea a mano

Pizarras del tamaño de una pantalla, para el lápiz o el ratón. Dictas sobre el boceto y la pantalla llega después.

El flujo de navegación, con tus pantallas

Pantallas, flechas con su acción y condiciones. El flujo se dibuja a partir del proyecto, lo apruebas y queda como referencia para todo lo demás.

Dices lo que quieres cambiar.
Lo ves aplicado.

Revisas el lienzo y dictas sobre la pantalla que miras. Las ideas se vuelven tareas concretas, se aplican todas de una vez y sigues iterando.

De tu cabeza a la pantalla

Dictar es el camino más corto entre lo que imaginas y la pantalla. Mientras miras el diseño, dices lo que cambiarías con tus propias palabras, sin abrir paneles ni buscar capas, y la idea queda anotada en el punto exacto, con todo su contexto, antes de que se escape.

Cada dictado, tareas que se aplican solas

En Bitácora se diseña dictando. Cada dictado se convierte en tareas concretas, una por cambio y cada una en su pantalla, y la IA las aplica de una vez siguiendo las reglas y el sistema de diseño de tu proyecto. Tú solo decides qué se queda.

Cómo funciona, paso por paso

Un lienzo para cientos de pantallas

Todo el proyecto a la vista y fluido aunque tenga cientos de pantallas. Te acercas y cada una está viva: se pulsa, se desplaza y muestra sus animaciones, tal como se va a programar.

Ajústalo en todas sus dimensiones

Las pantallas web se adaptan en el propio 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, sin salir de ahí.

Entrégaselo a tu cliente.
Su feedback vuelve como bitácoras.

Tu cliente y su equipo navegan el prototipo y comentan sobre la pantalla. Cada comentario regresa a tu lienzo, listo para convertirse en bitácora y entrar en tu próximo lote, sin correos ni notas sueltas.

1Tu cliente comenta

Tu cliente y su equipo abren su enlace, navegan el prototipo como si fuera la app y comentan sobre el punto exacto de la pantalla.

2Vuelve a tu lienzo como bitácora

Todos sus comentarios llegan juntos a tu lienzo. Eliges los que quieres y se convierten en bitácoras para tu próximo lote, sin copiar nada a mano.

3Ve qué cambió

En la siguiente entrega compara la versión anterior y la actual de cada pantalla, lado a lado, y ve aplicado lo que pidió.

4Quien programa, lo inspecciona

Con el modo Dev, cada elemento enseña sus medidas, sus assets y su código, listo para copiar. Y su agente de IA recibe la entrega completa por MCP, lista para adaptarla a cualquier framework.

Sabes quién lo vio, y cuándo

Cada persona entra con su enlace y su clave. Ves quién abrió el prototipo, cuántas pantallas recorrió, si vio la última versión y a quién conviene recordárselo. Lo abren en su teléfono como una app, en su idioma.

Quién lo vioReservas · La Terraza · Actualización 5

1viéndolo ahora

1sin ver la última

1sin abrir

  • L Laura Méndez Gerente

    12/14

    pantallas vistas Viéndolo ahora
  • J Jorge Salas Chef ejecutivo

    4/14

    pantallas vistas Sin ver la última
  • M Marta Ibáñez Agentic Developer

    0/14

    pantallas vistas RecordarRecordatorio enviado por correo

MCP y API: Bitácora trabaja con tu IA favorita

Bitácora se conecta con tu IA favorita y trabaja con tu cuenta. Puedes conectar la herramienta de IA que ya usas por nuestro servidor MCP o poner tu propia clave de API: con cualquiera de las dos, tus dictados se convierten en tareas, los cambios se aplican en las pantallas y todo vuelve al lienzo para que lo revises.

  • Conector MCPLa suscripción de la herramienta de IA que ya usas ejecuta los lotes, desde su aplicación o desde tu editor de código.
  • Tu clave de APIBitácora ejecuta con tu clave, ves el coste de cada lote antes de empezar y la clave nunca se muestra.
  • El proyecto son archivosCualquier editor con IA, como Cursor o Claude Code, puede abrirlo y atender las bitácoras pendientes. El lienzo lo ve igual.

Conéctalo con la IA que ya usas

  • Claude
  • ChatGPT
  • Gemini
  • Grok
  • Le Chat
  • Perplexity
  • Claude Code
  • Cursor
  • Codex
  • Antigravity
  • Windsurf
  • VS Code
  • GitHub Copilot
  • Zed
  • JetBrains
  • Kiro
  • Cline
  • Roo Code
  • Warp
  • Amp
  • OpenCode
  • Goose
  • LM Studio

Y con cualquier otra que admita conectores MCP.

Para quien programa

La entrega llega directa al proyecto de quien programa

Cuando el equipo de desarrollo de tu cliente recibe una entrega, entra en Bitácora con el mismo correo al que le diste permiso para recibirla y conecta su agente de IA por MCP. El agente recibe todas las pantallas con sus recursos y el diseño íntegro, y las adapta al lenguaje y al framework en que construyen el producto.

  1. 1Recibe la entrega en el correo que autorizaste.
  2. 2Entra con ese mismo correo y conecta su agente.
  3. 3Su IA trae las pantallas y las adapta a cualquier framework.
Incluido en todos los planes, también en Free

Un CRM hecho para diseñadores

Trabajes por tu cuenta o en equipo, gestionas tu cartera de clientes en un solo lugar y la asocias a tus proyectos y entregas. Todo queda ordenado: de quién es cada proyecto, a quién se entregó y cuánto se acordó, se cobró y falta por cobrar.

Conoce Mis clientes
OX · Orquestador de experiencia

De diseñador UI/UX a orquestador de experiencia

Con Bitácora diriges el diseño como un director dirige su orquesta. Marcas la intención, revisas y decides, y cada cambio se aplica en las pantallas sin mover un píxel a mano.

Hay una nueva generación de diseñadores que ya no se presenta como UI/UX. Son OX, orquestadores de experiencia, y trabajan con Bitácora. Dirigen más proyectos, entregan antes y dedican su tiempo a lo que de verdad importa: la experiencia.

Lo que cambia en tu flujo de trabajo

Lo mismo que haces hoy, sin las partes que no son diseñar.

  1. Mientras diseñas

    • Diseñas donde estés: desde la tableta o el móvil dibujas bocetos, dictas, aplicas las bitácoras y pruebas los cambios en el propio dispositivo.En vez de: diseñar solo frente al ordenador
    • Dictas mientras miras y cada nota queda pegada a su pantalla.En vez de: notas sueltas
    • Dictas los diez cambios y se aplican todos de una vez.En vez de: píxeles a mano
    • El boceto y el flujo viven en el proyecto, junto a las pantallas.En vez de: bocetos para pasar a limpio
    • Una pantalla adaptable que revisas y ajustas en todos sus tamaños.En vez de: una pantalla por tamaño
    • Una sola versión viva, con el historial de cada cambio.En vez de: ¿Cuál es la última versión?

  2. Cuando entregas

    • Sabes quién lo abrió, cuántas pantallas vio hoy y cuándo fue la última vez.En vez de: «¿Lo viste?»
    • Comentarios en el elemento exacto, que vuelven a tu lienzo como bitácoras.En vez de: feedback por WhatsApp
    • El cliente compara el antes y el después por su cuenta.En vez de: reuniones para explicar cambios
    • El cliente ve cuándo quedó aplicado cada comentario.En vez de: avisar que ya está

  3. Después de entregar

    • Pantallas en código que inspecciona o que su agente de IA trae por MCP.En vez de: medir a ojo
    • La guía de estilo y el sistema de diseño se escriben con el trabajo.En vez de: documentar al final
    • Cada proyecto con su cliente y lo acordado, cobrado y pendiente.En vez de: hojas de cálculo

Cobramos por la gente, no por el trabajo

  1. Free

    0 $al mes

    Un proyecto editable, 30 bitácoras al mes y el enlace para enseñarlo.

  2. Essential

    15 $al mes

    Tres proyectos activos, bitácoras sin tope y el portal del cliente.

  3. Professional

    35 $al mesEl más elegido

    Proyectos sin límite, descarga completa en HTML y ZIP, y modo desarrollo en todo.

  4. Studio

    99 $al mes

    Diez proyectos colaborativos con tres asientos cada uno, reglas del estudio y el portal sin nuestra marca.

  5. Agency

    249 $al mes

    Colaboración sin límite, tu marca en el portal y en los correos, tu dominio.

  • Tu IAcon tu cuenta

    Sin créditos

    Usa la suscripción de la herramienta de IA que ya tienes: se conecta a Bitácora por nuestro servidor MCP. No vendemos créditos ni cobramos por bitácora.

  • Tu equiposin topes

    Entra quien haga falta

    Ningún plan limita cuánta gente entra a tus proyectos.

  • Tu trabajosiempre tuyo

    Te lo llevas cuando quieras

    En cualquier plan puedes llevarte todo lo tuyo; desde Essential, en capturas, y desde Professional, en HTML o en un ZIP.

Precios en dólares, al mes. Más impuestos donde aplique. Ver los planes al detalle

Lo que suelen preguntar

  • ¿Tengo que pagar la IA aparte?

    Conectas la herramienta de IA que ya usas a nuestro servidor MCP, o pones tu clave de API, y los lotes corren con tu cuenta. No vendemos créditos ni cobramos por bitácora. Si ya pagas una suscripción de IA, no pagas nada más.

  • ¿Mi cliente necesita una cuenta?

    No. Abre su enlace, ve el prototipo navegable y comenta sobre la pantalla. Si quieres, con una clave personal para saber quién vio qué.

  • ¿Hay tope de personas o de proyectos colaborativos?

    No. Lo que cambia entre planes es cuánta colaboración va incluida. Lo que falte se añade con un pase de 15 $ al mes por proyecto o un asiento de 10 $, y lo ves antes de pagar.

  • ¿Puedo llevarme mi trabajo?

    Sí. Desde Essential descargas un ZIP con la captura de cada pantalla, y desde Professional cada pantalla como HTML o el proyecto entero en un ZIP con su sistema de diseño. Y en cualquier plan puedes llevarte todo lo tuyo cuando quieras.

  • ¿Bitácora le cobra a mis clientes?

    No. El monto acordado y lo cobrado en Mis clientes son un registro para ti. Bitácora no emite facturas ni mueve dinero de tus clientes.

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.

Diseña donde estés, desde cualquiera de tus dispositivos: el ordenador, la tableta o el móvil.

Empezar gratis Ver los planes