Tu agente ya puede escribir el código, ejecutar los tests y abrir el pull request. Lo único que normalmente no puede hacer es darte un dibujo de lo que acaba de construir. Describe la arquitectura en prosa, tú asientes, y luego alguien todavía tiene que abrir un lienzo y dibujarla a mano. MCP cierra esa brecha. Con unas pocas líneas de configuración, tu agente obtiene una herramienta que produce un diagrama real de LetDraw: no un boceto ASCII, sino una pizarra editable de verdad que puedes abrir, ajustar y compartir.
Esta es la versión práctica: qué es MCP en un párrafo, y luego los pasos exactos para conectarlo y el primer prompt que puedes probar.
Qué es MCP, en un párrafo
El Model Context Protocol es una forma pequeña y estándar de que un agente de IA llame a herramientas externas. Una herramienta se describe una sola vez (su nombre, lo que hace y la forma de sus entradas) y cualquier agente compatible con MCP puede decidir llamarla y leer el resultado. LetDraw incluye un servidor MCP que expone la creación de diagramas justamente como este tipo de herramienta. El agente no necesita saber cómo renderiza nada LetDraw; simplemente llama a una herramienta como "crea un diagrama a partir de esta descripción" y recibe un enlace a la pizarra terminada.
Paso 1: crea un token de API
El servidor MCP actúa en tu nombre, así que necesita una credencial. En LetDraw, abre Cuenta → Claves de API y crea un token de API personal. Cópialo una vez y guárdalo en algún lugar que la configuración de tu agente pueda leer; una variable de entorno es lo ideal. Trátalo como una contraseña: cualquiera que lo tenga puede crear diagramas en tu nombre.
# from Account → API Keys LETDRAW_API_TOKEN="ld_live_xxxxxxxxxxxxxxxxxxxx"
Paso 2: registra el servidor MCP
Apunta tu agente al servidor MCP de LetDraw y pásale el token. La mayoría de los clientes compatibles con MCP leen un pequeño bloque JSON con la lista de servidores que pueden usar. La forma es siempre la misma: un nombre, cómo lanzarlo y el entorno con el que se ejecuta.
{
"mcpServers": {
"letdraw": {
"command": "npx",
"args": ["-y", "@letdraw/mcp"],
"env": { "LETDRAW_API_TOKEN": "${LETDRAW_API_TOKEN}" }
}
}
}
Reinicia el agente y descubrirá automáticamente las herramientas de LetDraw: cosas como crear un diagrama a partir de una descripción, de un fragmento de código o de un archivo de Compose o de Kubernetes. No tienes que conectar cada una a mano; MCP te las anuncia.
Paso 3: pide un diagrama
Ahora viene lo divertido. Como la herramienta está descrita en términos sencillos, la manejas con lenguaje sencillo. El agente decide cuándo llamarla y rellena las entradas a partir de tu petición.
You: Draw the architecture for the service you just scaffolded ,
API, worker, Postgres and Redis, and give me the link.
Agent → calls letdraw.create_diagram({
"description": "API service behind a load balancer, a queue
feeding a background worker, Postgres primary with a
read replica, Redis cache in front of the API"
})
Agent: Done → https://letdraw.com/?doc=abc123 (open to edit)
El agente no dibuja el diagrama. Lo pide, y te entrega un lienzo en el que puedes seguir trabajando.
Ese último detalle es lo que lo hace útil y no un simple truco de feria. El resultado es una pizarra normal de LetDraw, así que la IA te da un primer borrador y tú mantienes el control. Abre el enlace, arrastra una caja, corrige la relación que el modelo entendió un poco mal, añade lo que no sabía y compártelo. El agente hizo la colocación tediosa; tú pusiste el criterio.
docker-compose.yml" o "haz un diagrama de estos manifiestos de Kubernetes" le da al modelo una estructura con la que trabajar, así que el primer borrador necesita mucha menos limpieza.Dónde realmente compensa
Un diagrama generado es más valioso justo cuando es menos probable que exista documentación: en el momento en que se escribe o se cambia el código. Conecta el servidor MCP una vez, y "y dibújame la arquitectura" se convierte en algo normal de decir al final de una tarea. El dibujo llega mientras el diseño está fresco en la cabeza de todos, es editable en lugar de desechable y vive en un lienzo que tus compañeros pueden abrir sin instalar nada. Tu agente ya estaba haciendo el trabajo; ahora también puede mostrarlo.
Crea un token, añade la configuración y pídele a tu agente su primer diagrama.