Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Descripción del creador (original en inglés)
Screenshots, PDFs, video, markdown and page data from any website, via Urlbox.
Estos tres nunca se combinan en una sola puntuación: las opiniones, las mediciones y la popularidad son cosas distintas.
Todavía no escribimos un resumen sencillo para este. Abajo están los datos que leímos del registro.
Elige la app de IA que usas y copia la configuración.
URLBOX_API_KEY, URLBOX_DOWNLOAD_DIR, AuthorizationLos valores marcados como secretos son llaves de tu cuenta. Nunca los compartas ni los pegues en un chat.
Necesitas
¿Qué app usas?
Elige tu app arriba. La recordamos, así que la próxima vez el botón dirá “Instalar en …”.
Esta dirección necesita una clave en un header de la solicitud, y el menú para agregar conectores no puede ponerla. Usa Claude Code, Cursor o VS Code.
Abre Claude Desktop → Settings → Developer → Edit Config y pega esto en claude_desktop_config.json
{
"mcpServers": {
"screenshot": {
"command": "npx",
"args": [
"-y",
"@urlbox/screenshot-mcp"
],
"env": {
"URLBOX_API_KEY": "your-value",
"URLBOX_DOWNLOAD_DIR": "your-value"
}
}
}
}Ejecuta esto en tu terminal
claude mcp add --transport http screenshot https://api.urlbox.com/mcp --header 'Authorization: your-value'claude mcp add screenshot --env URLBOX_API_KEY=your-value --env URLBOX_DOWNLOAD_DIR=your-value -- npx -y @urlbox/screenshot-mcpCompleta los valores vacíos antes de ejecutarlo.
Pégalo en .cursor/mcp.json de tu proyecto, o en ~/.cursor/mcp.json
{
"mcpServers": {
"screenshot": {
"url": "https://api.urlbox.com/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}Pégalo en .cursor/mcp.json de tu proyecto, o en ~/.cursor/mcp.json
{
"mcpServers": {
"screenshot": {
"command": "npx",
"args": [
"-y",
"@urlbox/screenshot-mcp"
],
"env": {
"URLBOX_API_KEY": "your-value",
"URLBOX_DOWNLOAD_DIR": "your-value"
}
}
}
}Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.
Pégalo en .vscode/mcp.json de tu proyecto
{
"servers": {
"screenshot": {
"type": "http",
"url": "https://api.urlbox.com/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}Pégalo en .vscode/mcp.json de tu proyecto
{
"servers": {
"screenshot": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@urlbox/screenshot-mcp"
],
"env": {
"URLBOX_API_KEY": "your-value",
"URLBOX_DOWNLOAD_DIR": "your-value"
}
}
}
}Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.
Esta dirección necesita una clave en un header de la solicitud, y el menú para agregar conectores no puede ponerla. Usa Claude Code, Cursor o VS Code.
Tu elección se guarda en una cookie en este dispositivo; no necesitas cuenta.
URLBOX_DOWNLOAD_DIR envAuthorization secreto HTTP headerEsta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.
Todavía no hemos leído la lista de herramientas de este servidor; revisamos los endpoints por turnos.
Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 7 nov 2026
El nombre en el registro se verificó con la cuenta de GitHub urlbox, dueña del repo
Todavía no hemos leído este repo en GitHub
Todavía no hemos leído este repo en GitHub
Aún sin revisar; revisamos los endpoints por turnos
Aún sin revisar; revisamos los endpoints por turnos
Aún sin revisar; leemos la lista de herramientas cuando revisamos el endpoint
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ó 1 de 1 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: URLBOX_API_KEY, Authorization
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 –, y la última versión (2.0.0) llegó al registro hace 25 días.
Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. Se conecta por URL, así que también funcionan las apps que aceptan servidores MCP remotos, como ChatGPT en modo desarrollador.
En la misma categoría: Figma Context MCP, Claude Real Video, Figma MCP Server
Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.
Cómo leer una tarjeta:★ 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.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
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.
Give your AI assistant a real browser for website screenshots. The Urlbox MCP server takes screenshots, makes PDFs and videos, extracts HTML, markdown and article text, compares pages, and manages your Urlbox projects, webhooks and usage.
Connect your client to https://api.urlbox.com/mcp. Nothing to install.
https://api.urlbox.com/mcp, then sign in to Urlbox.https://api.urlbox.com/mcp, then sign in to Urlbox.claude mcp add --transport http urlbox https://api.urlbox.com/mcp, then run /mcp to sign in.codex mcp add urlbox --url https://api.urlbox.com/mcp, then codex mcp login urlbox to sign in.~/.cursor/mcp.json: {
"mcpServers": { "urlbox": { "url": "https://api.urlbox.com/mcp", "headers": { "Authorization": "Bearer YOUR_URLBOX_API_KEY" } } } }
Clients that can't sign in can send an API key as Authorization: Bearer . An organisation API key (ubx_org_...) unlocks every tool. A project secret key works for the rendering tools only. Find your keys in the Urlbox dashboard.
Some clients can only start local servers. This package is a small local bridge: it runs on your machine over stdio and forwards everything to the hosted server, so you get exactly the same tools, always up to date.
{
"mcpServers": { "urlbox": { "command": "npx", "args": ["-y", "@urlbox/screenshot-mcp"], "env": { "URLBOX_API_KEY": "your_api_key_here" } } } }
Requires Node.js 20 or later.
| Variable | Description |
|---|---|
URLBOX_API_KEY | Your organisation API key or project secret key. |
SECRET_KEY | Also accepted, for configs written for 1.x. URLBOX_API_KEY wins if both are set. |
URLBOX_DOWNLOAD_DIR | Where save_render saves files. Defaults to ~/Downloads. |
The bridge adds one local tool, save_render, which downloads a render URL returned by any Urlbox tool and saves it to your computer. Just ask, for example "screenshot example.com and save it to my computer". Existing files are never overwritten.
Your existing config keeps working: SECRET_KEY is still read and the package name and command are unchanged.
render is still there. Its store_renders option and the download tool are replaced by save_render.~/Downloads instead of ~/Downloads/urlbox-renders. Set URLBOX_DOWNLOAD_DIR to keep the old location.npm install
npm test
The tests run the bridge against a local fake server, so they need no Urlbox account.
MIT