Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Create, edit, share and export hand-drawn LetDraw diagrams, from code or a prompt.
Elige la app de IA que usas y copia la configuración.
Pasó 5/5 revisiones · Lo que preguntas pasa por el servidor del autor (api.letdraw.com) · ✓ Comandos revisados el 13 nov 2026
Primero: ¿qué IA usas?
Elige tu app y los pasos aparecen abajo.
Funciona con Claude · unos 5 min
Necesitas una clave de LetDraw (créala en el sitio del autor) · Configúralo una vez en claude.ai o en la app de escritorio y úsalo en el chat · las cuentas gratis pueden añadir 1 · en Team/Enterprise lo añade un Owner
Abre el sitio del autor, crea una cuenta y una clave de API para el siguiente paso. Consulta precios y planes gratis en su sitio.
CustomizeConnectors
Copia cada valor al campo con el mismo nombre en Claude y pulsa Continue
LetDrawhttps://api.letdraw.com/mcpEn Request headers, añade este nombre y valor
AuthorizationBearer <pega tu clave aquí>Pega la clave solo en el campo de la app; nunca en un chat ni se la envíes a nadie
Pulsa Continue en la pantalla de inicio de sesión que detectó Claude · en Authentication elige lo que indique el autor (Sign in now, Sign in when needed o No sign in) y pulsa Add
+ConnectorsLetDraw
Usa LetDraw y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude dice que está usando LetDraw o muestra una herramienta de LetDraw en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión
ChatGPT todavía no puede conectar LetDraw
LetDraw necesita tu propia clave para conectarse, pero la ayuda de OpenAI solo describe el inicio de sesión con OAuth; no hay una opción de clave que hayamos podido verificar
A · Usa una app que pueda conectar LetDraw
B · Otros en Diseño, imágenes y audio que funcionan con ChatGPT
Elegidos entre los más usados de la misma categoría, solo los que se conectan con una dirección y sin clave
Funciona con Claude Code · unos 5 min
Necesitas una clave de LetDraw (créala en el sitio del autor)
Abre el sitio del autor, crea una cuenta y una clave de API para el siguiente paso. Consulta precios y planes gratis en su sitio.
Mac: pulsa Command+Espacio y escribe Terminal · Windows: abre PowerShell
claude mcp add --transport http --scope user letdraw https://api.letdraw.com/mcp --header 'Authorization: Bearer your-value'Cambia “your-value” por tu clave antes de pulsar Enter
Pega la clave solo en el campo de la app; nunca en un chat ni se la envíes a nadie
Deberías ver LetDraw en la lista como conectado
Usa LetDraw y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude Code dice que está usando LetDraw o muestra una herramienta de LetDraw en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Anthropic el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con Cursor · unos 5 min
Necesitas una clave de LetDraw (créala en el sitio del autor)
Abre el sitio del autor, crea una cuenta y una clave de API para el siguiente paso. Consulta precios y planes gratis en su sitio.
En la configuración de LetDraw, Authorization está vacío; añade tu clave y guarda
Pega la clave solo en el campo de la app; nunca en un chat ni se la envíes a nadie
Usa LetDraw y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Cursor dice que está usando LetDraw o muestra una herramienta de LetDraw en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de Cursor el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con VS Code · unos 5 min
Necesitas una clave de LetDraw (créala en el sitio del autor)
Abre el sitio del autor, crea una cuenta y una clave de API para el siguiente paso. Consulta precios y planes gratis en su sitio.
En la configuración de LetDraw, Authorization está vacío; añade tu clave y guarda
Pega la clave solo en el campo de la app; nunca en un chat ni se la envíes a nadie
Usa LetDraw y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si VS Code dice que está usando LetDraw o muestra una herramienta de LetDraw en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de VS Code el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Otras apps que usan MCP, como Windsurf, Zed o Gemini CLI, añaden servidores de forma distinta. Míralo en la lista de apps
Ver todas las apps que usan MCP →
Dirección para apps que se conectan por la web
https://api.letdraw.com/mcpLa configuración JSON está en “Para desarrolladores”, abajo
Claude Code
claude mcp add --transport http --scope user letdraw https://api.letdraw.com/mcp --header 'Authorization: Bearer your-value'Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"letdraw": {
"url": "https://api.letdraw.com/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"letdraw": {
"type": "http",
"url": "https://api.letdraw.com/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}Claude Code
claude mcp add --scope user letdraw --env LETDRAW_TOKEN=your-value --env LETDRAW_MCP_URL=your-value -- npx -y @letdraw/mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"letdraw": {
"command": "npx",
"args": [
"-y",
"@letdraw/mcp"
],
"env": {
"LETDRAW_TOKEN": "your-value",
"LETDRAW_MCP_URL": "your-value"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"letdraw": {
"command": "npx",
"args": [
"-y",
"@letdraw/mcp"
],
"env": {
"LETDRAW_TOKEN": "your-value",
"LETDRAW_MCP_URL": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"letdraw": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@letdraw/mcp"
],
"env": {
"LETDRAW_TOKEN": "your-value",
"LETDRAW_MCP_URL": "your-value"
}
}
}
}LETDRAW_TOKEN secreto obligatorio envLETDRAW_MCP_URL envEsta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.
npm: @letdraw/mcpSegún cómo se conecta este servidor y la documentación de cada app, comprobado el 10 nov 2026.
Se conectan por internet en
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
Se ejecutan en tu computadora en
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
El servidor pide iniciar sesión antes de mostrar sus herramientas.
Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 13 nov 2026
El nombre en el registro se verificó con la cuenta de GitHub letdraw, dueña del repo
Último cambio de código: hace 40 días
Usa MIT
Respondió en 135 ms (HTTP 401)
Declara inicio de sesión con OAuth, así que tu app de IA puede llevarte a iniciar sesión
Aún sin revisar; leemos la lista de herramientas cuando revisamos el endpoint
Pregunta, comparte un consejo o avisa de que no funciona. Ordenado por lo que la gente marcó como útil.
Aún no hay publicaciones. Sé la primera persona en preguntar o compartir.
Lo publicado aquí lo escriben usuarios, no el equipo de PopNx.
Aún no hay reseñas
Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.
Superó 5 de 5 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.
Debes completar: Authorization, LETDRAW_TOKEN
Funciona de las dos formas: instálalo en tu computadora o conéctate a la versión en la nube.
El repo de GitHub cambió por última vez hace 40 días, y la última versión (1.0.1) llegó al registro hace 40 días.
Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. Se conecta por URL, así que también sirve en apps que aceptan MCP remoto, como ChatGPT en la web (MCP completo en Business y superiores; Pro solo lectura).
En la misma categoría: Figma Context MCP, AutoClip, Next AI Draw.io
Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.
Cómo leer una tarjeta:↓ Descargas por semanai★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Clip long videos into short clips with covers and captions. Local CLI and MCP.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.
LetDraw MCP + REST
Connect AI assistants and your own scripts to LetDraw — read and author diagrams in your account through the Model Context Protocol (MCP) or the public REST API .
LetDraw is a hand-drawn–style online whiteboard and diagramming app. With this integration an MCP client (desktop AI apps, Cursor, VS Code, Codex, …) or any HTTP client can list workspaces, create and update diagrams, build a diagram from code (compose / Kubernetes / DOT / Terraform / SQL / …), stamp real product icons, export to Mermaid or D2, and share read-only links.
This repository ships the client-side integration: a zero-config MCP
bridge, a typed REST SDK, the API spec, and setup docs. The LetDraw app and
server are not part of this repo.
| Path | What it is |
|---|---|
packages/mcp | @letdraw/mcp — zero-config stdio bridge to the hosted MCP server (npx @letdraw/mcp) |
packages/sdk | @letdraw/sdk — typed REST client for scripting |
spec/mcp-tools.md | The MCP tools, resources, and scopes |
spec/openapi.yaml | OpenAPI 3.1 spec for the REST API |
spec/capabilities.md | "How to draw well in LetDraw" guide for AI clients |
docs/ | Getting started + per-client setup (desktop apps, HTTP clients, Cursor, VS Code, Codex) |
examples/ | Copy-paste recipes |
REST base https://api.letdraw.com/api-v1
MCP URL https://api.letdraw.com/mcp
Both authenticate with a personal API token (Authorization: Bearer ld_live_…), not a login session. Create one in the LetDraw app under Account → Developer. The exact URLs and a ready-to-paste client config are shown there too.
The hosted server speaks Streamable-HTTP, so most clients connect directly. For a stdio client, or for the simplest possible setup, use the bridge:
// MCP client config (mcpServers block)
{ "mcpServers": { "letdraw": { "command": "npx", "args": ["-y", "@letdraw/mcp"], "env": { "LETDRAW_TOKEN": "ld_live_YOUR_TOKEN" } } } }
See docs/clients for desktop apps, HTTP clients, Cursor, VS Code and Codex.
curl https://api.letdraw.com/api-v1/workspaces \
-H "Authorization: Bearer ld_live_YOUR_TOKEN"
Or with the SDK:
import { LetdrawClient } from '@letdraw/sdk';
const ld = new LetdrawClient({ token: process.env.LETDRAW_TOKEN! }); const { workspaces } = await ld.listWorkspaces();
Tokens carry scopes; each tool/route requires one:
diagrams:read — list/get workspaces, folders, diagrams, iconsdiagrams:write — create/update/delete/share diagrams, from-codeexport — export to Mermaid / D2ai:generate — generate a diagram from a prompt (uses your own AI key)MIT — see LICENSE. "LetDraw" and the LetDraw logo are trademarks of their owner; see NOTICE.md.