Cómo Crear Diagramas Automáticos con IA usando Excalidraw MCP (ChatGPT, Claude y más)
La inteligencia artificial ya no solo genera código o texto.
Ahora también puede crear diagramas automáticamente desde
herramientas como ChatGPT, Claude Desktop, Claude Code o incluso VS Code
gracias a los MCP (Model Context Protocol).
¿Qué es Excalidraw MCP?
Excalidraw es una herramienta muy popular para crear diagramas tipo pizarra (whiteboard).
El MCP oficial de Excalidraw permite que herramientas con IA se conecten directamente a su API para:
- Generar diagramas de secuencia\
- Crear diagramas entidad--relación (ER)\
- Dibujar explicaciones técnicas\
- Crear miniaturas\
- Exportar imágenes en PNG\
- Convertir wireframes en código
En lugar de dibujar manualmente, simplemente describes lo que quieres y la IA lo genera.
Repositorio Oficial
Repositorio de Excalidraw MCP:
https://github.com/yctimlin/mcp_excalidraw
Cómo Instalar Excalidraw MCP en Claude Code
Comando para instalar el MCP:
claude mcp add --transport http excalidraw https://mcp.excalidraw.com/mcp
Una vez instalado, puedes generar diagramas directamente desde la terminal usando prompts como:
Crea un diagrama entidad-relación de un blog
Curso de Claude Code
Curso completo de Claude Code:
https://youtu.be/Bf7hfpItrDk
Cómo Funciona Internamente
- La IA interpreta tu prompt.\
- El MCP convierte la instrucción en una estructura JSON compatible con Excalidraw.\
- Se renderiza el gráfico automáticamente.\
- Puedes exportarlo como imagen o editarlo manualmente.
Integración con Otras Herramientas
El MCP puede utilizarse en:
- Claude Desktop\
- ChatGPT (modo desarrollador)\
- VS Code\
- Herramientas compatibles con MCP
No estás limitado a una sola plataforma. Puedes generar diagramas donde prefieras trabajar.
Casos de Uso
Ideal para:
- Cursos técnicos\
- Documentación para clientes\
- Arquitectura de software\
- Diseño de bases de datos\
- Explicaciones de autenticación (JWT, OAuth, etc.)
Recursos
Repositorio:
https://github.com/yctimlin/mcp_excalidraw
Curso de Claude Code:
https://youtu.be/Bf7hfpItrDk
Comando de instalación:
claude mcp add --transport http excalidraw https://mcp.excalidraw.com/mcp
Si eres desarrollador o creador de contenido técnico, esta integración puede ahorrarte muchísimo tiempo y mejorar la calidad de tu documentación.