Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Create flowcharts, mind maps, sequence/ER/UML diagrams and charts as editable, presentable boards.
Elige la app de IA que usas y copia la configuración.
Pasó 2/3 revisiones · Lo que preguntas pasa por el servidor del autor (mcp.aiflowchart.io) · ✓ 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 AI Flowchart (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
AI Flowcharthttps://mcp.aiflowchart.io/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
+ConnectorsAI Flowchart
Usa AI Flowchart y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude dice que está usando AI Flowchart o muestra una herramienta de AI Flowchart 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 AI Flowchart
AI Flowchart 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 AI Flowchart
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 AI Flowchart (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 diagrams https://mcp.aiflowchart.io/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 AI Flowchart en la lista como conectado
Usa AI Flowchart y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude Code dice que está usando AI Flowchart o muestra una herramienta de AI Flowchart 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 AI Flowchart (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 AI Flowchart, 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 AI Flowchart y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Cursor dice que está usando AI Flowchart o muestra una herramienta de AI Flowchart 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 AI Flowchart (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 AI Flowchart, 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 AI Flowchart y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si VS Code dice que está usando AI Flowchart o muestra una herramienta de AI Flowchart 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://mcp.aiflowchart.io/mcpLa configuración JSON está en “Para desarrolladores”, abajo
Claude Code
claude mcp add --transport http --scope user diagrams https://mcp.aiflowchart.io/mcp --header 'Authorization: Bearer your-value'Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"diagrams": {
"url": "https://mcp.aiflowchart.io/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"diagrams": {
"type": "http",
"url": "https://mcp.aiflowchart.io/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}Las descripciones siguen en el inglés original.
Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.
Segú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
Nombres y descripciones de las herramientas tal como los informó el servidor el 13 nov 2026. Los escribió el creador, no nosotros; los mostramos como texto sin formato.
create_diagramCreate a diagram in AI Flowchart from a plain-English description and get a link that opens it as an editable board (edit, present as an animated slideshow, export PNG/PDF/PowerPoint). Flowcharts, sequence diagrams and mind maps also come back as Mermaid code. Types: flowchart, m
create_visualMake a designed infographic of a topic: the AI picks the shape that fits (steps, cycle, timeline, roadmap, funnel, pyramid, hub, tree, comparison, 2×2 matrix or architecture layers), icons and colours, and fills in what a complete picture needs. Use it when the user wants an info
code_to_flowchartTurn source code (C, C++, Java, Python or JavaScript, up to 80 lines) into a lab-record style flowchart where every box is linked to its code lines, plus a step-by-step dry run for a sample input (current line, box and variables at each step). Returns a link that opens it ready t
edit_diagramChange a diagram made earlier in this chat with create_diagram: add, remove, rename or reconnect steps, shorten labels, recolour, restructure. Pass its link (https://aiflowchart.io/import/…) and the change in plain English. Use this instead of create_diagram whenever the user wan
create_sopWrite a standard operating procedure (SOP) for a business process: purpose, scope, roles and responsibilities, numbered steps with who does each one and what to do at each decision, and a RACI matrix. Use it when the user wants an SOP, work instruction, procedure document, proces
simulate_processRun a process diagram (flowchart, swimlane or BPMN made earlier) through AI Flowchart's process simulator — a real discrete-event simulation, not an AI guess — to find how long each case takes, the cost per case, how busy each team is and where the bottleneck is, with a suggestio
list_templatesList AI Flowchart's ready-made templates (lab programs, UML and ER for student projects, system designs, charts, app walkthroughs, code programs…). Free — no AI credits.
open_templateGet a link that opens one of the templates (from list_templates) as a new editable board. Free — no AI credits.
render_diagramTurn Mermaid diagram text into a hosted PNG and SVG image URL (cached on a CDN). Use it when a diagram has to go somewhere that cannot run Mermaid: email, Slack or Teams messages, PDFs, Word/Google Docs, Confluence, WhatsApp, a README. Returns the URLs plus ready-made Markdown an
Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 14 nov 2026
El registro no indica ningún repo de código fuente, así que no podemos relacionar a quien lo publicó (aiflowchart.io) con el código
Todavía no hemos leído este repo en GitHub
Todavía no hemos leído este repo en GitHub
Respondió en 1067 ms (HTTP 200)
No hace falta iniciar sesión
Leímos 9 descripciones de herramientas y no encontramos instrucciones ocultas para la IA
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ó 2 de 3 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
Se ejecuta en la nube del creador. Te conectas por internet sin instalar nada, pero lo que envías pasa por los servidores del creador.
El repo de GitHub cambió por última vez –, y la última versión (1.0.0) llegó al registro hace 27 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
No se encontró un README en el repo