Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Runs on your computer
Illos illustrations
What it does
Find and add animated SVG illustrations for websites and apps: four themes, light and dark, 65 free.
- Connects Runs in the cloud
- Account or key Works without a key · add Authorization if you have one (often raises limits)
- Category Design, images & audio
Install
Pick the AI app you use, then copy the settings.
Passed 5/5 checks · What you ask goes through the maker’s server (illos.dev)
First: which AI do you use?
Pick your app and the steps appear below.
Works with Claude · about 2 min
No key, nothing to install · Set it up once on claude.ai or the desktop app, then use it in chat · free accounts can add 1 · on Team/Enterprise an Owner adds it
Open Claude’s Connectors page
CustomizeConnectors
Click “+ Add” → “Add custom connector” and fill in these 2 fields
Copy each value into the field with the same name in Claude, then click Continue
Name · NameIllos illustrationsRemote MCP server URL · Addresshttps://illos.dev/mcpLeave Authentication as Claude detected it, then click Add
Turn it on in a chat
+ConnectorsIllos illustrations
Try it
Use Illos illustrations and tell me what you can do for me, then show me one thing✓ If Claude says it is using Illos illustrations or shows a Illos illustrations tool in the answer, you are connected
Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with ChatGPT on business plans only
ChatGPT Business, Enterprise or Edu on the web, added by a workspace admin or owner · On Free, Plus or Pro: your ChatGPT plan cannot connect MCP yet
Open ChatGPT’s add-MCP page on the web
Plugins+Add custom MCP server
Fill in the name and address
Enter a name, paste the address under Connection, tick the risk warning and click Create as a plugin
Name · NameIllos illustrationsConnection · Addresshttps://illos.dev/mcpPick Illos illustrations in a chat
Start a new chat and pick Illos illustrations from your plugins before typing
Try it
Use Illos illustrations and tell me what you can do for me, then show me one thing✓ If ChatGPT says it is using Illos illustrations or shows a Illos illustrations tool in the answer, you are connected
Menu names checked against OpenAI’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with Claude Code · about 2 min
No key, nothing to install
Open Terminal
Mac: press Command+Space and type Terminal · Windows: open PowerShell
Paste this command and press Enter
claude mcp add --transport http --scope user illos https://illos.dev/mcpType /mcp in Claude Code
You should see Illos illustrations listed as connected
Try it
Use Illos illustrations and tell me what you can do for me, then show me one thing✓ If Claude Code says it is using Illos illustrations or shows a Illos illustrations tool in the answer, you are connected
Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with Cursor · about 2 min
No key, nothing to install
Open the AI chat in Cursor in Agent mode
Try it
Use Illos illustrations and tell me what you can do for me, then show me one thing✓ If Cursor says it is using Illos illustrations or shows a Illos illustrations tool in the answer, you are connected
Menu names checked against Cursor’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with VS Code · about 2 min
No key, nothing to install
Open the AI chat in VS Code in Agent mode
Try it
Use Illos illustrations and tell me what you can do for me, then show me one thing✓ If VS Code says it is using Illos illustrations or shows a Illos illustrations tool in the answer, you are connected
Menu names checked against VS Code’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Other apps that use MCP, such as Windsurf, Zed or Gemini CLI, each add servers differently. See how in the app list.
Address for apps that connect over the web
Address
https://illos.dev/mcpJSON settings are under “For developers” below
For developers: Terminal commands and JSON settings
Over the web
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"
}
}
}Values you fill in
- Optional. Your Illos Pro key as "Bearer illos_..." unlocks Pro illustrations; leave it out for the free library.
These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
At a glance
Which apps can use it
Based on how this server connects and on each app’s own docs, checked Nov 10, 2026.
Connect over the internet in
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
Related guides
What it can do
Tool names and descriptions exactly as the server reported them on Nov 11, 2026. The maker wrote them, not us; we show them as plain text.
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
Basic checksi
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 12, 2026
- ✓ Pass
Maker matches the repo
The registry name was verified against the domain illos.dev (the registry checks domain ownership)
- ✓ Pass
Still maintained
Code last changed 7 days ago
- ✓ Pass
Has a licence
Uses MIT
- ✓ Pass
Endpoint responds
Responded in 330 ms (HTTP 200)
- – Not applicable
Sign-in with OAuth
No sign-in needed
- ✓ Pass
No hidden instructions in tool descriptions
Read 3 tool descriptions and found no hidden instructions to the AI
Discussion
Ask, share a tip or report that it does not work. Sorted by what people marked helpful.
No posts yet. Be the first to ask or share.
Posts here are written by users, not the PopNx team.
User reviews
No reviews yet
Compared with others in Design, images & audioi
- More stars than 0% of the other 2970 servers in this category
- Published to the registry more recently than 78% of the other 2970 servers in this category
- Basic checks equal to or better than 100% of the other 2970 servers in this category
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
Common questions
Is Illos illustrations safe?
It passed 5 of 5 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
What keys or codes does it need?
The registry does not list a required key, though some servers ask you to sign in on first use.
Does it run on my computer or in the cloud?
It runs in the maker’s cloud. Connect over the internet with nothing to install, but what you send passes through the maker’s servers.
Is it still maintained?
The GitHub repo last changed 7 days ago, and the latest version (1.1.0) reached the registry 9 days ago.
Which apps can use it?
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. It connects by URL, so apps that accept remote MCP servers work too, such as ChatGPT Business and above.
What can I use instead?
In the same category: Figma Context MCP, AutoClip, Next AI Draw.io
Others in the same category
Servers in the same category from other makers, sorted by stars.
Reading a card:↓ Downloads per weeki★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
AutoClip
Clip long videos into short clips with covers and captions. Local CLI and MCP.
Runs on your computer
Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Runs on your computer
README from the maker
Open the README
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
Illos skills
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.
What it does
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.
Install
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-skillsCursor: 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.
The MCP server on its own
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/mcpCursor (~/.cursor/mcp.json):
{ "mcpServers": { "illos": { "url": "https://illos.dev/mcp" } } }New illustrations in the same style
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.
Licence
The skill and the files in this repo: MIT. The illustrations: illos.dev/license. Free ones need no credit.