# Next AI Draw.io MCP Server

> Conecta tu agente de IA con draw.io para crear y modificar diagramas en tiempo real usando comandos en lenguaje natural.

Fuente: https://skillsagentes.com/mcp/next-ai-draw-io
Markdown: https://skillsagentes.com/mcp/next-ai-draw-io.md

Repositorio: https://github.com/DayuanJiang/next-ai-draw-io
Web: https://next-ai-drawio.jiang.jp/
Autor: DayuanJiang
Licencia: Apache-2.0
Estrellas: 35985
Última versión: v0.4.16
Último push: 20 sept 2026
Transporte: stdio

## Qué es

Next AI Draw.io es una aplicación web que combina modelos de lenguaje con draw.io para generar y editar diagramas mediante instrucciones en lenguaje natural. El servidor MCP incluido permite que agentes como Claude Desktop, Cursor o VS Code controlen directamente el lienzo de draw.io: le pides al agente un flowchart, un diagrama de arquitectura cloud o la réplica de una imagen subida, y el cambio aparece en el navegador en tiempo real.

El proyecto representa los diagramas como XML de draw.io, que la IA genera o modifica según los comandos recibidos, y soporta múltiples proveedores de modelos (AWS Bedrock, OpenAI, Anthropic, Google, Azure, Ollama, DeepSeek, entre otros).

Para usarlo desde un cliente MCP basta con lanzar el paquete @next-ai-drawio/mcp-server vía npx y registrarlo en la configuración del cliente; no requiere variables de entorno para el servidor MCP en sí, aunque la aplicación web sí puede configurarse con claves de API de los distintos proveedores.

## Instalación

```bash
npx @next-ai-drawio/mcp-server@latest
```

## Qué hace

- Crea y modifica diagramas de draw.io a partir de comandos en lenguaje natural
- Replica diagramas o imágenes subidas y las mejora automáticamente
- Extrae contenido de PDFs y archivos de texto para generar diagramas
- Genera diagramas de arquitectura cloud (AWS, GCP, Azure) y conectores animados
- Actualiza el diagrama en el navegador del usuario en tiempo real desde el agente MCP

## Cuándo usarlo

- Quieres que un agente como Claude Desktop, Cursor o VS Code cree o edite diagramas sin salir del chat
- Necesitas convertir descripciones textuales o documentos en diagramas visuales de draw.io
- Quieres generar diagramas de arquitectura cloud a partir de una conversación con IA

## Dónde encaja

- Categoría: [Herramientas para desarrolladores](https://skillsagentes.com/mcp/categorias/herramientas-desarrollo.md) — Skills que cambian cómo tu agente escribe, revisa y despliega código.
- [Todos los servidores MCP](https://skillsagentes.com/mcp.md)
- [Agent Skills](https://skillsagentes.com/skills.md)

## Servidores relacionados

- [Superpowers](https://skillsagentes.com/mcp/superpowers.md): Instala en tu agente de código un conjunto de skills y una metodología completa de desarrollo de software, desde el diseño hasta el TDD y las revisiones de código.
- [Ruflo](https://skillsagentes.com/mcp/ruflo.md): Conecta Claude Code y Codex con una capa de orquestación que despliega swarms de agentes, memoria vectorial persistente y comunicación federada entre máquinas.
- [OpenSpec](https://skillsagentes.com/mcp/openspec.md): Framework de desarrollo guiado por especificaciones que estructura el trabajo con asistentes de IA en propuestas, specs, diseño y tareas antes de escribir código.
- [Context7](https://skillsagentes.com/mcp/context7.md): Conecta tu agente a Context7 para inyectar documentación de librerías actualizada y ejemplos de código específicos por versión directamente en el prompt.
- [Codebase Memory](https://skillsagentes.com/mcp/codebase-memory.md): Indexa tu código fuente en un grafo de conocimiento persistente y deja que tu agente de IA consulte relaciones estructurales en milisegundos, sin grep.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)