De texto a diagrama. IA ilimitada, en tu dispositivo.

Diagram Studio es un generador de diagramas con IA gratuito que se ejecuta por completo en tu navegador. Describe lo que quieres — un flujo de registro, un esquema de base de datos, un tablero de sprint, una línea de tiempo de publicación, una vista de despliegue C4 — y un pequeño modelo de lenguaje en el dispositivo escribe el código Mermaid, lo renderiza en vivo mientras transmite y te permite regenerarlo, refinarlo y cambiarle el estilo antes de exportarlo como SVG o PNG. Como no hay generación en el servidor, las generaciones son ilimitadas en todos los planes, incluido el gratuito.

Está pensado para las situaciones en las que las herramientas de diagramas en la nube no son la respuesta correcta: convertir en segundos una nota de reunión en un diagrama de secuencia, redactar un esquema ER privado para un sistema de un cliente que no puedes llevar al servidor de nadie, o producir un diagrama de flujo publicable sin registrarte. Incluye dieciocho tipos de diagramas, seis temas, tres estilos visuales, variaciones de IA y refinamiento con un clic, 19 plantillas iniciales, una biblioteca local, enlaces de compartir autocontenidos y exportaciones sin marca de agua. Nada de lo que escribes sale de tu dispositivo.

Cómo funciona la generación con IA en el dispositivo

Detrás de la misma interfaz hay dos motores. El primero es la IA integrada de Chrome (la API LanguageModel, disponible en Chrome 127+ y otros navegadores Chromium que incluyen Gemini Nano). Ejecuta el modelo que el navegador ya lleva integrado, así que no hay nada que descargar y la generación empieza al instante. El segundo motor es un modelo local Qwen2.5 1.5B-Instruct cargado mediante Transformers.js sobre WebGPU, con respaldo WebAssembly cuando WebGPU no está disponible: una descarga única de aproximadamente 1 GB que el navegador guarda en caché para usarla luego sin conexión.

Con cualquiera de los motores, el resultado es un bloque de código Mermaid. Un corrector automático basado en expresiones regulares repara los errores típicos de un modelo 1.5B — finales de subgraph desequilibrados, palabras clave de tipo de diagrama ausentes, comillas sin cerrar en las etiquetas de los nodos — antes de que el código llegue al renderizador. Después Mermaid 11 lo analiza y lo dibuja: un modo tolerante al streaming ignora en silencio los errores de sintaxis a mitad de la generación para que el lienzo se actualice token a token, y el renderizado final muestra los errores reales con un mensaje claro que puedes corregir en el editor de código.

Dieciocho tipos de diagramas, o Auto

Se admiten dieciocho tipos de diagramas basados en Mermaid: diagrama de flujo, mapa mental, secuencia, clases, estados, entidad-relación, Gantt, grafo de git y gráfico circular cubren los casos clásicos de software y proyectos; la línea de tiempo y el mapa de recorrido del usuario explican lo que ocurre a lo largo del tiempo; el kanban y el gráfico de cuadrantes organizan el trabajo y las compensaciones; los diagramas C4 describen el contexto del sistema, los contenedores y el despliegue; los gráficos de radar y XY visualizan puntuaciones y datos numéricos; el diagrama de Venn muestra solapamientos; y el diagrama de Ishikawa (espina de pescado) estructura el análisis de causas raíz. Algunos de los tipos más nuevos usan la sintaxis beta de Mermaid y están marcados así: se renderizan con fiabilidad, pero en ocasiones requieren un pequeño retoque manual.

Puedes fijar un tipo explícitamente o dejar el selector en Auto y dejar que el modelo elija la representación adecuada a tu prompt — las «tablas de base de datos» suelen convertirse en un diagrama ER, el «intercambio de mensajes» en uno de secuencia y un «tablero de sprint» en un kanban. El mismo prompt también puede explorarse como varias variaciones de IA, cada una generada con una temperatura distinta, para comparar una disposición conservadora con otras más creativas.

Temas, estilos y dirección

Seis temas recolorean cualquier diagrama al instante sin volver a ejecutar el modelo: Graphite (la paleta gris frío por defecto), Cobalt (un azul con un solo acento), además de Default, Neutral, Dark y Forest de Mermaid. Tres estilos cambian el registro visual: Neo es el estilo moderno y limpio, Classic es el aspecto tradicional de Mermaid y Hand-drawn dibuja trazos esquemáticos al estilo de Excalidraw para lluvias de ideas en pizarra.

La dirección alterna los diagramas de flujo y otros diagramas dirigidos entre arriba-abajo (TD) e izquierda-derecha (LR); la acción de refinamiento «invertir dirección» también puede regenerar la disposición en lugar de limitarse a girarla. Como el código en sí es independiente del tema, el estilo y la dirección, cambiar el estilo nunca destruye tus ediciones.

Variaciones de IA y acciones de refinamiento

Cada generación puede producir una, dos o cuatro variaciones. El plan gratuito genera una variación por ejecución — sin límite en el número de ejecuciones —, mientras que Pro desbloquea dos y cuatro, generadas en serie con temperaturas crecientes (0,2, 0,5, 0,75 y 0,95) para que el conjunto vaya de lo seguro a lo creativo. Cambia entre V1–V4 al instante; editar a mano el código Mermaid de una variante nunca sobrescribe las demás.

Seis acciones de refinamiento operan sobre el diagrama actual sin empezar de cero: Fix repara la sintaxis, Simplify elimina nodos y enlaces redundantes, Add detail enriquece un borrador escueto, Beautify limpia la redacción y la agrupación, Flip direction regenera en la orientación opuesta y Custom aplica una instrucción escrita con tus propias palabras. Cada refinamiento es una nueva generación en el dispositivo, así que también es ilimitado.

Plantillas, biblioteca guardada e historial

Diecinueve plantillas integradas cubren todos los tipos de diagramas con puntos de partida realistas en los que se puede buscar: abre el navegador de plantillas, filtra por nombre, carga una y edita el Mermaid directamente. Las plantillas hacen que los diagramas especializados (C4, espina de pescado, kanban, mapa de recorrido) sean utilizables sin conocer su sintaxis.

Un botón Guardar almacena el diagrama actual con un nombre en tu navegador: el plan gratuito conserva hasta 12 diagramas guardados y Pro hasta 200. Además, las últimas 20 generaciones en gratuito (100 en Pro) se guardan automáticamente en Recientes, cada una con su prompt, tipo y marca de tiempo, y cualquier entrada puede volver a cargarse o borrarse. Todo vive en el localStorage de tu dispositivo: no hay biblioteca en la nube, ni sincronización de cuenta, ni nada que pueda filtrarse. Los prompts gratuitos admiten hasta 2000 caracteres; Pro los amplía a 12 000.

Compartir sin servidor

Compartir no sube nada. El código del diagrama actual, junto con su tipo, tema, estilo y dirección, se comprime con deflate-raw y se codifica en un hash de URL autocontenido. Quien abre el enlace restaura el diagrama exacto en su propio dispositivo; no hay ningún registro en una base de datos ni nada que borrar en el servidor. Como los datos van después del #, no llegan a ningún servidor web. Una vez restaurado el diagrama, el hash se borra de la barra de direcciones, de modo que recargar o añadir la página a favoritos no reabrirá el borrador compartido.

Controles del lienzo y exportación

El lienzo permite zoom con rueda y trackpad anclado en el cursor, arrastrar para desplazar, doble clic para encajar, un modo de pantalla completa (entrar y salir con Esc) y renderizado en vivo en cada edición del código. El código Mermaid permanece visible en un editor junto al lienzo, así que el editor — no una imagen de solo lectura — es siempre la fuente de verdad.

Las exportaciones se generan en el cliente a partir del SVG renderizado: SVG descargable (vectorial, resolución infinita) y PNG a 2× y 4× en el plan gratuito, con el 8× desbloqueado en Pro, además de Copiar SVG y Copiar PNG con un clic. No hay viajes al servidor, ni marca de agua, ni cuenta, en ninguno de los dos planes.

Límites, requisitos y privacidad

El modelo Qwen local necesita un dispositivo razonablemente moderno: WebGPU influye en la velocidad y 1500 millones de parámetros siguen suponiendo varios segundos de generación para un diagrama complejo. La vía de la IA integrada de Chrome es más rápida y no requiere descargas, pero solo existe en los navegadores Chromium que incluyen Gemini Nano. Si ninguno de los motores está disponible, la herramienta sigue siendo un editor Mermaid completo: escribir el código a mano, renderizado en vivo, plantillas, temas y las mismas opciones de exportación. Un modelo 1.5B no es un modelo de frontera: trata su salida como un primer borrador y espera correcciones manuales ocasionales, sobre todo en los tipos de diagramas beta y en la semántica UML estricta.

Como la generación no le cuesta nada al servicio, ninguno de los planes tiene un tope diario o mensual de generaciones: los límites gratuitos son 1 variación por ejecución, 12 diagramas guardados, 20 elementos recientes, prompts de 2000 caracteres y PNG 4×; Pro añade 4 variaciones, 200 diagramas guardados, 100 elementos recientes, 12 000 caracteres y PNG 8×. Tu prompt y tu código Mermaid nunca salen del navegador, no hay registro ni análisis de prompts, y la única petición de red que hace la herramienta es la descarga única del modelo desde un CDN público, tras la cual funciona sin conexión.