Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Solve, audit and simulate colorblind-safe chart palettes. WCAG contrast, OKLab ΔE. Read-only.
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 (chart-color-mcp.vercel.app) · ✓ Comandos revisados el 13 nov 2026
Primero: ¿qué IA usas?
Elige tu app y los pasos aparecen abajo.
Funciona con Claude · unos 2 min
Sin clave y sin instalar nada · 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
CustomizeConnectors
Copia cada valor al campo con el mismo nombre en Claude y pulsa Continue
Chart Color Systemhttps://chart-color-mcp.vercel.app/mcpPulsa 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
+ConnectorsChart Color System
Usa Chart Color System y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude dice que está usando Chart Color System o muestra una herramienta de Chart Color System 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 ChatGPT según tu plan
MCP completo: ChatGPT Business, Enterprise o Edu en la web · Pro: conecta con permisos de lectura/obtención, así que las herramientas que cambian datos pueden no funcionar · Plus: no confirmado en la documentación; si ves una opción para añadir MCP propio en la página de plugins puedes probar · solo web
Plugins+Add custom MCP server
Pon un nombre, pega la dirección en Connection, marca el aviso de riesgo y pulsa Create as a plugin
Chart Color Systemhttps://chart-color-mcp.vercel.app/mcpAbre un chat nuevo y elige Chart Color System en tus plugins antes de escribir
Usa Chart Color System y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si ChatGPT dice que está usando Chart Color System o muestra una herramienta de Chart Color System en la respuesta, ya está conectado
Nombres de menú comprobados con la ayuda de OpenAI el 11 nov 2026 · tu pantalla puede variar un poco según la versión
Funciona con Claude Code · unos 2 min
Sin clave y sin instalar nada
Mac: pulsa Command+Espacio y escribe Terminal · Windows: abre PowerShell
claude mcp add --transport http --scope user chart-color-system https://chart-color-mcp.vercel.app/mcpDeberías ver Chart Color System en la lista como conectado
Usa Chart Color System y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude Code dice que está usando Chart Color System o muestra una herramienta de Chart Color System 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 2 min
Sin clave y sin instalar nada
Usa Chart Color System y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Cursor dice que está usando Chart Color System o muestra una herramienta de Chart Color System 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 2 min
Sin clave y sin instalar nada
Usa Chart Color System y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si VS Code dice que está usando Chart Color System o muestra una herramienta de Chart Color System 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://chart-color-mcp.vercel.app/mcpLa configuración JSON está en “Para desarrolladores”, abajo
Claude Code
claude mcp add --transport http --scope user chart-color-system https://chart-color-mcp.vercel.app/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"chart-color-system": {
"url": "https://chart-color-mcp.vercel.app/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"chart-color-system": {
"type": "http",
"url": "https://chart-color-mcp.vercel.app/mcp"
}
}
}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
ClaudeChatGPTGooseLM 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.
solve_paletteGenerate a categorical chart palette of n colors (1-12) that maximizes perceptual separation under normal vision and colorblindness, with the given brand colors locked as anchors in slot order. Returns the palette, the worst pair distances, the engine's relaxation notes, a full a
audit_paletteAudit existing chart colors for accessibility: pairwise OKLab separation under normal vision, deuteranopia, protanopia, tritanopia and achromatopsia, plus WCAG 2.2 non-text contrast (3:1) of every color against the chart background. Returns a pass / warn / fail verdict with the n
simulate_paletteShow what each color looks like to readers with deuteranopia, protanopia, tritanopia or achromatopsia (published Machado 2009 matrices), so an assistant can describe or render the palette as a colorblind reader sees it.
build_rampBuild an evenly spaced perceptual (OKLab) color scale: sequential from start to end, or diverging from start through mid to end. Returns the steps and a background-contrast audit (pairwise separation is not judged for ramps).
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 nombre en el registro se verificó con la cuenta de GitHub socraticstatic, dueña del repo
Último cambio de código: hace 41 días
GitHub no pudo identificar el tipo de licencia; abre el archivo para comprobarlo
No hace falta iniciar sesión
Leímos 4 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ó 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.
El registro no indica ninguna clave obligatoria, aunque algunos servidores te piden iniciar sesión la primera vez que los usas.
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 41 días, y la última versión (0.1.2) llegó al registro hace 41 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.
The Chart Color System as a read-only MCP server: the same engine as the app (npm chart-color-system), callable by any assistant. The app is static on GitHub Pages, so this directory is its own Vercel project (chart-color-mcp, team socraticstatics-projects), deployed from here, not from the Pages workflow.
https://chart-color-mcp.vercel.app/mcppublic/mcp-docs.html)solve_palette (anchored, audited categorical palette), audit_palette (pass / warn / fail with the numbers), simulate_palette (deutan, protan, tritan, achromatopsia), build_ramp (sequential or diverging)engine_version); bump the chart-color-system dependency to ship a new engine.Deploy and verify:
cd mcp && npm run deploy && npm test
npm test runs the contract tests against production plus the local card and handler tests; MCP_BASE= npm test runs the contract tests against a preview deployment.
Release to the MCP Registry (io.github.socraticstatic/chart-color-system): bump version in server.json and package.json (one number, the server reports it), deploy, then tag mcp-v and push the tag. .github/workflows/publish-mcp.yml publishes over GitHub OIDC and refuses a tag that disagrees with the card or with what the live server reports.