Repolode
DayuanJiang

DayuanJiang/next-ai-draw-io

Herramienta web, de escritorio y MCP para crear y editar diagramas de draw.io mediante chat en lenguaje natural con un modelo de IA.

Alternativa open source a:Lucidchart

Estrellas
36,331
Forks
3,848
Issues abiertos
38
Último commit
ayer

¿Qué es?

Next AI Draw.io permite describir un diagrama en lenguaje natural para que un modelo de IA lo dibuje directamente en un lienzo de draw.io. También puedes editarlo a mano como cualquier archivo de draw.io, o seleccionar formas y pedirle a la IA que cambie solo esas. Cada cambio de la IA se guarda como una versión que puedes comparar, restaurar o deshacer, y los diagramas se exportan como .drawio, .png o .svg.

El proyecto está disponible como aplicación web, aplicación de escritorio para Windows, macOS y Linux, y servidor MCP que permite a agentes como Claude Code, Cursor y VS Code dibujar diagramas. Admite 25 proveedores de modelos, incluidos Bedrock, OpenAI, Anthropic, Ollama y cualquier endpoint compatible con OpenAI; las claves de API se guardan en el navegador. Puedes alojarlo por tu cuenta, de forma local, en Vercel, Cloudflare Workers o Docker, o implementarlo sin conexión.

Funciones clave

  • 01Genera diagramas de arquitectura, diagramas de flujo y diagramas de secuencia a partir de una frase, con bibliotecas de iconos de AWS, Azure, GCP y Kubernetes.
  • 02Edita diagramas existentes mediante chat y resalta las formas que ha cambiado la IA.
  • 03Permite que la IA modifique únicamente las formas que selecciones en el lienzo.
  • 04Guarda un historial de versiones de los cambios de la IA, con miniaturas y opciones para comparar, restaurar y deshacer.
  • 05Exporta a .drawio, .png, .svg y .drawio.svg.
  • 06Funciona como aplicación web, aplicación de escritorio o servidor MCP para Claude Code, Cursor y VS Code.

Casos de uso

  • Bocetar diagramas de arquitectura en la nube a partir de una descripción escrita durante revisiones de diseño.
  • Convertir una captura de pantalla o un boceto en un diagrama de draw.io editable.
  • Permitir que un agente de programación con IA cree y revise diagramas mientras se trabaja en el editor.
  • Dibujar diagramas con un modelo local a través de Ollama para trabajar sin conexión o en una intranet.

Inicio rápido

  1. 1

    Clona el repositorio

    git clone https://github.com/DayuanJiang/next-ai-draw-io
  2. 2

    Entra en la carpeta del proyecto

    cd next-ai-draw-io
  3. 3

    Instala las dependencias

    npm install
  4. 4

    Copia el archivo env y añade tu proveedor y tu clave de API; después, inicia el servidor de desarrollo y abre localhost:6002

    cp env.example .env.local

Antes de usarlo

  • Los modelos pequeños suelen generar diagramas defectuosos, por lo que se necesita un modelo capaz.
  • Para ejecutarlo por tu cuenta, debes configurar un proveedor de modelos y una clave de API.

Temas

Preguntas frecuentes

¿Qué es next-ai-draw-io?
Herramienta web, de escritorio y MCP para crear y editar diagramas de draw.io mediante chat en lenguaje natural con un modelo de IA. Next AI Draw.io permite describir un diagrama en lenguaje natural para que un modelo de IA lo dibuje directamente en un lienzo de draw.io. También puedes editarlo a mano como cualquier archivo de draw.io, o seleccionar formas y pedirle a la IA que cambie solo esas. Cada cambio de la IA se guarda como una versión que puedes comparar, restaurar o deshacer, y los diagramas se exportan como .drawio, .png o .svg.
¿next-ai-draw-io es gratuito? ¿Qué licencia tiene?
next-ai-draw-io es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿next-ai-draw-io sigue mantenido?
Mantenimiento activo. El último commit de next-ai-draw-io fue el 19 oct 2026.
¿Para qué puedo usar next-ai-draw-io?
Bocetar diagramas de arquitectura en la nube a partir de una descripción escrita durante revisiones de diseño. Convertir una captura de pantalla o un boceto en un diagrama de draw.io editable. Permitir que un agente de programación con IA cree y revise diagramas mientras se trabaja en el editor. Dibujar diagramas con un modelo local a través de Ollama para trabajar sin conexión o en una intranet.
¿Cómo se instala next-ai-draw-io?
Clona el repositorio: git clone https://github.com/DayuanJiang/next-ai-draw-io Entra en la carpeta del proyecto: cd next-ai-draw-io Instala las dependencias: npm install Copia el archivo env y añade tu proveedor y tu clave de API; después, inicia el servidor de desarrollo y abre localhost:6002: cp env.example .env.local
¿Dónde consigo next-ai-draw-io?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/DayuanJiang/next-ai-draw-io

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados