Diagramming AI

Diagramming AI

Diagramming AI · Productividad

Diagramming AI convierte una descripción en diagramas Mermaid, PlantUML, GraphViz, D2 o Excalidraw. El chat edita, el sistema corrige errores y la exportación cabe en un navegador.

Vista previa de la interfaz de Diagramming AI

Acerca de Diagramming AI

About

Qué es Diagramming AI

Diagramming AI es un generador de diagramas con IA que funciona en el navegador y trabaja con cinco formatos: Mermaid, PlantUML, GraphViz, D2 y el lienzo de Excalidraw. La propuesta cabe en una frase. Describes un proceso o pegas las notas de una reunión, el modelo escribe el código del diagrama y una vista previa se actualiza mientras sigues escribiendo.

Conviene mirarlo de cerca. La generación con IA ocupa el escaparate, pero el mismo espacio de trabajo incluye editores manuales para cada formato. Escribes Mermaid a mano o arrastras formas en Excalidraw sin tocar el modelo. Cada diagrama vive dentro de un proyecto, con notas y versiones guardadas.

Los límites también cuentan. No hay app móvil ni cliente de escritorio, nada se instala en local y la parte de IA consume créditos. La cuenta gratuita ofrece 10 créditos y dos proyectos; para más hace falta pagar. A quien ya piensa en código de diagramas, ese trato le resulta natural. A un equipo de diseño que espera un lienzo tipo Figma con colaboración en vivo, le encaja peor.

Primeros pasos

  1. Abre diagrammingai.com y elige un formato en el panel izquierdo: Mermaid, PlantUML, GraphViz, D2 o Excalidraw.
  2. Escribe una instrucción como «flujo de compra con reintento si falla el pago» o pega código de diagrama que ya tengas.
  3. Abre el chat de IA para afinarlo. El modo Discusión comenta el diagrama, el modo Actualización aplica una orden y reescribe el código en el sitio.
  4. Guarda el diagrama en un proyecto y después copia el código, descarga SVG o PNG, o comparte un enlace de solo lectura.

Información del producto

Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de Diagramming AI.

Plan gratuitoSí
Planes de pago$6/mo - $14/mo
PlataformaWeb browser
DesarrolladorDiagramming AI
CategoríaProductividad
Fecha de lanzamientoJan 2024
Última actualizaciónOct 2025
Visitas al sitio web20.3K
Ranking global del sitio1.4M
Disponibilidad de la APIN/A

Ideal para

Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.

Usuarios

  • Desarrolladores de software
  • Redactores técnicos y responsables de documentación
  • Jefes de proyecto y analistas
  • Estudiantes y autodidactas

Tareas

  • Convertir notas de reunión en un diagrama de flujo
  • Crear diagramas desde una imagen o una URL
  • Reparar código de diagrama roto
  • Rediseñar un diagrama ya terminado
  • Guardar versiones de un mismo diagrama

Casos de uso

  • Una discusión de arquitectura en la pizarra
  • Un sprint en el que la arquitectura cambia cada semana
  • Documentación para entregar a un cliente
  • Una primera lectura de un sitio desconocido
  • Convertir un proceso en una lámina

Funciones clave

Cinco motores de diagramación

El editor maneja Mermaid, PlantUML, GraphViz, D2 y Excalidraw en el mismo espacio de trabajo. Cambiar de formato no obliga a abrir otro producto ni a redibujar el contenido. En un proyecto que pide a la vez un diagrama de secuencia en Mermaid y un mapa de sistema en GraphViz, ese detalle ahorra tiempo.

Chat de IA con modo Discusión y modo Actualización

Los dos modos separan pensar de hacer. En Discusión, el modelo opina sobre la estructura, señala pasos que faltan y propone mejoras. En Actualización recibe una orden directa, por ejemplo «añade una ruta de error tras el pago», y reescribe el código. Ese chat de IA para diagramas se lleva con cualquier proyecto del espacio de trabajo, sin depender de otra pestaña. Quien haya peleado con un autocompletado inútil agradece la división.

Corrección automática de errores

Mermaid, PlantUML, GraphViz y D2 se rompen con facilidad cuando la sintaxis se desvía. Si el renderizado falla, la IA lee el error y aplica una corrección al código. Un pegado defectuoso que antes obligaba a consultar la documentación se arregla con un clic y el diagrama vuelve a mostrarse.

Editor visual con Excalidraw

El botón V-Edit lleva un diagrama de texto a un lienzo de Excalidraw, de modo que los diagramas de flujo, de secuencia, de clases, de entidad relación, de Gantt, de estados y los mapas mentales se vuelven formas movibles. Primero obtienes la precisión del texto y después el control pixel a pixel, sin tener que elegir al principio.

Cuarenta y ocho temas de color para Excalidraw

Seis familias de temas, desde una paleta pastel suave hasta un lienzo oscuro, tiñen la escena completa con un clic. La disposición y las posiciones de los nodos se quedan donde están. Es un cambio de estilo, no una regeneración, y el deshacer devuelve los colores originales.

URL a diagrama e imagen a diagrama

Pegas una URL y la app convierte la estructura de la página en un diagrama, útil para recorrer un sitio desconocido. Subes una imagen, una captura o un archivo y lee el contenido para reconstruirlo como código editable. Las dos funciones pertenecen a los planes Starter y Pro, no al gratuito.

Proyectos con historial de versiones

Cada proyecto reúne varios diagramas en los cinco formatos, con notas asociadas a cada gráfico. Las versiones guardadas se reabren y se siguen editando más adelante, y un enlace público de solo lectura facilita la revisión sin ceder permisos de edición. El plan gratuito lo limita a dos proyectos con tres diagramas cada uno.

Integración con MCP remoto y WebMCP

Una conexión en beta permite que ChatGPT, Claude u otro asistente compatible con MCP envíe una petición y guarde el resultado en tu cuenta. El MCP remoto empieza con vistas previas y guardado en Mermaid, y WebMCP deja trabajar con la app desde un navegador compatible en la misma sesión. Es pronto, y el acceso depende del asistente y del plan.

Ventajas y desventajas

Ventajas

  • Cinco formatos de diagrama conviven en un solo espacio, así que una suscripción sustituye a un editor Mermaid, a una herramienta PlantUML y a un lienzo de pizarra.
  • El plan gratuito incluye todos los editores y el dibujo a mano, algo raro cuando casi todo el sector de la IA cobra por el producto completo.
  • Las ediciones por chat actúan sobre el código subyacente, de modo que el cambio pedido se mantiene cuando exportas o pegas el diagrama en otro sitio.
  • La corrección de errores cubre cuatro de los cinco formatos y evita la caza de sintaxis que se come media tarde de trabajo.
  • Starter a 6 USD al mes queda por debajo de casi cualquier suscripción de diagramación, y Pro a 14 USD sigue siendo más barato que las tarifas de equipo habituales.

Desventajas

  • La generación con IA consume créditos y los 10 del plan gratuito se agotan tras unos pocos diagramas, así que cualquier uso real exige pagar.
  • URL a diagrama e imagen a diagrama solo existen en Starter y Pro, y el plan gratuito se queda sin las funciones de conversión más llamativas.
  • El código generado para dominios poco comunes puede volver con el orden equivocado o sin alguna rama, y corregirlo implica editar el código o mover nodos a mano.
  • No hay app móvil ni modo sin conexión. Todo ocurre en una pestaña del navegador, así que trabajar en un tren o en un avión no es posible.

Preguntas frecuentes

Genera y edita diagramas desde texto, imágenes y URL. Describes un proceso o pegas notas, y la app escribe código Mermaid, PlantUML, GraphViz, D2 o Excalidraw y lo muestra en una vista previa que luego afinas por chat.