La IA dibuja tus diagramas en VS Code 🤯 Excalidraw MCP en 5 minutos
Matias Velasquez
0:00 / 0:00
La IA dibuja tus diagramas en VS Code 🤯 Excalidraw MCP en 5 minutos
1 414 просмотров · 6 месяцев назад
Matias Velasquez
913 подписчиков
1 414 просмотров · 6 месяцев назад
En este video te muestro cómo hacer que la IA dibuje diagramas automáticamente dentro de VS Code usando Excalidraw y Model Context Protocol (MCP).
Configuración simple, sin instalar servidores ni herramientas complicadas. En pocos minutos podés generar diagramas de clases, arquitectura o flujos directamente desde un prompt.
00:00 Introducción — qué vamos a lograr
00:20 Instalación de extensiones en VS Code
00:57 Qué es MCP (explicación rápida)
01:30 Configuración del archivo mcp.json
03:00 Crear archivo .excalidraw
03:29 Generar diagrama con IA (ejemplo diagrama de clases)
05:00 Editar y ajustar el diagrama generado
05:36 Exportar diagrama a imagen PNG
06:15 Cierre y usos prácticos
Extensiones necesarias:
MCP Excalidraw
https://mcp.excalidraw.com/mcp
Extensión Excalidraw VS Code
https://marketplace.visualstudio.com/...
Extensión Cline (cliente IA con soporte MCP)
https://marketplace.visualstudio.com/...
Probá describir cualquier sistema… y mirá cómo la IA lo convierte en diagrama automáticamente.