Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Find and add animated SVG illustrations for websites and apps: four themes, light and dark, 65 free.
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 (illos.dev)
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
Illos illustrationshttps://illos.dev/mcpDeja Authentication como lo detectó Claude y pulsa Add
+ConnectorsIllos illustrations
Usa Illos illustrations y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude dice que está usando Illos illustrations o muestra una herramienta de Illos illustrations 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 solo en planes de empresa
ChatGPT Business, Enterprise o Edu en la web, añadido por un administrador o propietario del espacio · Con Free, Plus o Pro: tu plan de ChatGPT aún no puede conectar MCP
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
Illos illustrationshttps://illos.dev/mcpAbre un chat nuevo y elige Illos illustrations en tus plugins antes de escribir
Usa Illos illustrations y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si ChatGPT dice que está usando Illos illustrations o muestra una herramienta de Illos illustrations 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 illos https://illos.dev/mcpDeberías ver Illos illustrations en la lista como conectado
Usa Illos illustrations y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Claude Code dice que está usando Illos illustrations o muestra una herramienta de Illos illustrations 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 Illos illustrations y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si Cursor dice que está usando Illos illustrations o muestra una herramienta de Illos illustrations 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 Illos illustrations y dime qué puedes hacer por mí; luego muéstrame una cosa✓ Si VS Code dice que está usando Illos illustrations o muestra una herramienta de Illos illustrations 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://illos.dev/mcpLa configuración JSON está en “Para desarrolladores”, abajo
Claude Code
claude mcp add --transport http --scope user illos https://illos.dev/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"illos": {
"url": "https://illos.dev/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"illos": {
"type": "http",
"url": "https://illos.dev/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 11 nov 2026. Los escribió el creador, no nosotros; los mostramos como texto sin formato.
find_illustrationsFind animated SVG illustrations from Illos.dev for a website or app. Use it first, when a hero, feature section, empty state, docs page, onboarding or status screen needs a picture instead of stock art, an emoji or an empty space; describe what the section explains, not keywords.
get_illustrationGet the install details for one Illos illustration by its id. Use it after find_illustrations, once you have picked an id and need to add it; to search, use find_illustrations instead. A free illustration returns the React install command (shadcn), the SVG file's address for anyt
list_themesList the four Illos themes (Shader, HUD, Isometric, Interface), always in that order, with what each looks like, its page, how many illustrations it has and how many of those are free. Use it before find_illustrations when a site has no Illos theme yet, to pick one theme for the
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 el dominio illos.dev (el registro comprueba quién es dueño del dominio)
Último cambio de código: hace 8 días
Usa MIT
Respondió en 330 ms (HTTP 200)
No hace falta iniciar sesión
Leímos 3 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ó 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.
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 8 días, y la última versión (1.1.0) llegó al registro hace 10 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.
Animated SVG illustrations for your website or app, added by your coding agent. This repo has a free skill and the Illos MCP server, packaged for Claude Code, Cursor, Codex and any agent that reads SKILL.md folders.
Illos.dev has 158 animated illustrations in four themes (Shader, HUD, Isometric and Interface), each in light and dark. 65 are free for commercial use, with no account and no credit.
Ask your agent for a picture where a page needs one:
Add an illustration to the empty notifications screen.
Use Illos Isometric illustrations for the feature sections on the home page.
The illos-library skill picks one theme for the whole site, finds the illustration that explains each section, and adds it: with one npx shadcn command in a React project, or as an SVG file anywhere else.
Claude Code (the skill and the MCP server):
/plugin marketplace add navedux/illos-skills
/plugin install illos@illos-dev
Any agent, with the skills CLI (skills.sh):
npx skills add navedux/illos-skills
Cursor: open Customize, From GitHub Repository, and paste this repo's URL. Or copy skills/illos-library into .cursor/skills/.
Codex: copy skills/illos-library into .agents/skills/ in your project, or ~/.agents/skills/ for every project.
https://illos.dev/mcp (Streamable HTTP, no sign-in) gives any MCP client three tools: find_illustrations, get_illustration and list_themes.
claude mcp add --transport http illos https://illos.dev/mcp
Cursor (~/.cursor/mcp.json):
{ "mcpServers": { "illos": { "url": "https://illos.dev/mcp" } } }
When the library doesn't have what a page needs, the Illos Pro skills teach your agent a theme's rules, so it can draw new illustrations that match and check each one. They come with Illos Pro.
The skill and the files in this repo: MIT. The illustrations: illos.dev/license. Free ones need no credit.