Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Narrated demo videos of a branch: your agent records, polls and fetches the video and stories.
Elige la app de IA que usas y copia la configuración.
Pasó 4/5 revisiones · Lo que preguntas pasa por el servidor del autor (app.userstoriesbot.com)
Primero: ¿qué IA usas?
Elige tu app y los pasos aparecen abajo.
Funciona con Claude · unos 5 min
Necesitas una clave de User Stories Bot (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
User Stories Bothttps://app.userstoriesbot.com/api/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
Deja Authentication como lo detectó Claude y pulsa Add
+ConnectorsUser Stories Bot
Usa User Stories Bot y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude dice que está usando User Stories Bot o muestra una herramienta de User Stories Bot 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 User Stories Bot
User Stories Bot 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 User Stories Bot
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 User Stories Bot (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 userstoriesbot https://app.userstoriesbot.com/api/mcp --header 'Authorization: Bearer {usb_mcp_key}'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 User Stories Bot en la lista como conectado
Usa User Stories Bot y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude Code dice que está usando User Stories Bot o muestra una herramienta de User Stories Bot 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 User Stories Bot (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 User Stories Bot, 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 User Stories Bot y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Cursor dice que está usando User Stories Bot o muestra una herramienta de User Stories Bot 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 User Stories Bot (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 User Stories Bot, 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 User Stories Bot y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si VS Code dice que está usando User Stories Bot o muestra una herramienta de User Stories Bot 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://app.userstoriesbot.com/api/mcpLa configuración JSON está en “Para desarrolladores”, abajo
Claude Code
claude mcp add --transport http --scope user userstoriesbot https://app.userstoriesbot.com/api/mcp --header 'Authorization: Bearer {usb_mcp_key}'Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"userstoriesbot": {
"url": "https://app.userstoriesbot.com/api/mcp",
"headers": {
"Authorization": "Bearer {usb_mcp_key}"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"userstoriesbot": {
"type": "http",
"url": "https://app.userstoriesbot.com/api/mcp",
"headers": {
"Authorization": "Bearer {usb_mcp_key}"
}
}
}
}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
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 12 nov 2026
El nombre en el registro se verificó con el dominio userstoriesbot.com (el registro comprueba quién es dueño del dominio)
Último cambio de código: hace 4 días
No se encontró ningún archivo de licencia en el repo
Respondió en 234 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ó 4 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
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 hace 4 días, y la última versión (0.1.1) llegó al registro hace 3 días.
Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. Se conecta por URL, así que también funciona en apps que aceptan MCP remoto, como ChatGPT Business o superior.
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.
Let your agents record the demo. User Stories Bot records narrated demo videos of your app; its MCP server opens that pipeline to your AI agents. An MCP-capable agent asks for a narrated demo of a branch, follows the recording and hands the finished video, captions and user stories to your reviewers, with no pull request needed.
This repository holds documentation only. The server is hosted by User Stories Bot; its source is not in this repository and there is nothing to install or run locally.
https://app.userstoriesbot.com/api/mcp (Streamable HTTP, POST)Authorization: Bearer demo_record, run_status, videos_list, stories_getcom.userstoriesbot/mcpPaid plans; one API key per agent. An org admin creates API keys in the dashboard; they work on the Pro and Team plans. Each key belongs to the org whose GitHub App installation covers the repository, so install the User Stories Bot GitHub App on the repository first: https://github.com/apps/userstoriesbot-com
Put your own key where a snippet shows , or export it as USB_MCP_KEY where a snippet reads ${USB_MCP_KEY}. Never commit the key.
| Tool | What it does | Input | Output |
|---|---|---|---|
demo_record | Record a narrated demo of a branch from a short brief and get a run id back. | repo (owner/repo), branch, brief (at most 1000 characters), optional idempotencyKey (at most 128 characters) | runId, status: "queued", dashboardUrl |
run_status | Follow a run stage by stage, from sandbox start to the finished video. Read only. | runId | runId, status (queued, provisioning, running, succeeded, failed, cancelled, refused), stage, outcome (videos, no_demo, unsupported_stack), reason, createdAt, finishedAt, videos (name, url, captionsUrl, posterUrl), dashboardUrl, setupBrief |
videos_list | List the finished videos of a repository with their share links and captions. Read only. | repo, optional limit (1 to 50, default 20) and cursor | repo, videos (kind guide or run, name, title, url, captionsUrl, posterUrl, durationSec, runId, recordedAt, public), nextCursor |
stories_get | Fetch the user stories and demo steps a run covered, as structured JSON. Read only. | runId | runId, stories (file, id, title, markdown), steps (spec, title, segments of marker and text) |
Every result carries the output above as structured content plus a one-line text summary. A refused call returns a reason instead of a run.
The brief says what to show, in plain words. It passes the same checks as a rerun request: no links, no commands, no instructions to the bot.
The server URL is the same for every client.
VS Code asks for the key in a password prompt; in Cursor, replace the placeholder with your key; in Visual Studio, add the Authorization header afterwards.
.vscode/mcp.json (Visual Studio reads it too), where VS Code asks for the key in a password prompt:
{ "servers": { "userstoriesbot": { "type": "http", "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer ${input:usb_mcp_key}" } } }, "inputs": [{ "type": "promptString", "id": "usb_mcp_key", "description": "User Stories Bot API key", "password": true }] }
claude mcp add --transport http userstoriesbot https://app.userstoriesbot.com/api/mcp --header "Authorization: Bearer <USB_MCP_KEY>"
Or a .mcp.json file at the project root:
{ "mcpServers": { "userstoriesbot": { "type": "http", "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer ${USB_MCP_KEY}" } } } }
.cursor/mcp.json:
{ "mcpServers": { "userstoriesbot": { "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer ${env:USB_MCP_KEY}" } } } }
copilot mcp add --transport http userstoriesbot https://app.userstoriesbot.com/api/mcp --header "Authorization: Bearer <USB_MCP_KEY>"
Copilot CLI and VS Code also read the portable ~/.copilot/mcp-config.json:
{ "mcpServers": { "userstoriesbot": { "type": "http", "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer ${USB_MCP_KEY}" }, "tools": ["*"] } } }
In the repository settings (Code, planning, and automation, then Copilot, then MCP servers), store the key as a secret named COPILOT_MCP_USB_KEY and add:
{ "mcpServers": { "userstoriesbot": { "type": "http", "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer $COPILOT_MCP_USB_KEY" }, "tools": ["demo_record", "run_status", "videos_list", "stories_get"] } } }
run_status, videos_list and stories_get are marked read only; demo_record is not, because it starts a run.
export USB_MCP_KEY="<USB_MCP_KEY>"
codex mcp add userstoriesbot --url https://app.userstoriesbot.com/api/mcp --bearer-token-env-var USB_MCP_KEY
Or the ~/.codex/config.toml table (shared by the Codex CLI, the desktop app, the IDE extension and the Codex agent in Xcode):
[mcp_servers.userstoriesbot]
url = "https://app.userstoriesbot.com/api/mcp" bearer_token_env_var = "USB_MCP_KEY"
Any MCP client that supports Streamable HTTP with an Authorization header can connect. Most read this shape:
{ "mcpServers": { "userstoriesbot": { "url": "https://app.userstoriesbot.com/api/mcp", "headers": { "Authorization": "Bearer <USB_MCP_KEY>" } } } }
The guide at https://userstoriesbot.com/docs/mcp covers JetBrains Junie and AI Assistant, Devin, Antigravity, Zed, Kiro, claude.ai custom connectors and Xcode.
The MCP Inspector lists the tools your key can call:
npx --yes @modelcontextprotocol/inspector@2 --cli --transport http --server-url https://app.userstoriesbot.com/api/mcp --header "Authorization: Bearer <USB_MCP_KEY>" --method tools/list --format json
Push the branch to GitHub first, then ask your agent, for example:
Record a demo of this branch with User Stories Bot: show the new checkout flow. Wait for the run to finish, then give me the video link, the captions and the story titles.
A typical session: the agent calls demo_record with the repository, the branch and a short brief, polls run_status until it finishes, then fetches videos_list and stories_get.
demo_record with { "repo": "acme/app", "branch": "feature/checkout", "brief": "Show the new checkout flow." } answers run queued; poll run_status with the runId and the dashboardUrl.run_status with { "runId": " " }, every 30 seconds, until the status is succeeded, failed, cancelled or refused. On succeeded, each entry of videos carries the video url and its captionsUrl. On failed, no_demo or unsupported_stack, a setupBrief tells your coding agent what to change in the repository.stories_get with { "runId": " " } returns the user stories and the demo steps the run covered; videos_list with { "repo": "acme/app" } lists the repository's guides and earlier runs.Use one idempotencyKey per request: a retry with the same key returns the earlier run (already requested) instead of starting a new one.
A run started over MCP uses the credits of your plan like a run from a pull request. Calls are rate limited per key and per org; the limits for your plan are shown on the API keys page of the dashboard. An HTTP 401 means the key is missing or revoked; an HTTP 429 means wait a minute and retry.