Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Charts and dashboards as images for AI agents. No browser, same data same bytes. Local and free.
Pick the AI app you use, then copy the settings.
Passed 5/5 checks · What you ask goes through the maker’s server (mcp.slickfast.com) · ✓ Commands checked Nov 13, 2026
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
CustomizeConnectors
Copy each value into the field with the same name in Claude, then click Continue
Slickfast MCPhttps://mcp.slickfast.com/mcpClick Continue past the sign-in settings Claude detected · under Authentication choose what the maker says (Sign in now, Sign in when needed or No sign in), then click Add
+ConnectorsSlickfast MCP
Use Slickfast MCP and tell me what you can do for me, then show me one thing✓ If Claude says it is using Slickfast MCP or shows a Slickfast MCP 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, depending on your plan
Full MCP: ChatGPT Business, Enterprise or Edu on the web · Pro: connects with read/fetch permissions, so tools that change data may not work · Plus: not confirmed in OpenAI’s docs; if you see an add-custom-MCP option on the Plugins page you can try these steps · web only
Plugins+Add custom MCP server
Enter a name, paste the address under Connection, tick the risk warning and click Create as a plugin
Slickfast MCPhttps://mcp.slickfast.com/mcpStart a new chat and pick Slickfast MCP from your plugins before typing
Use Slickfast MCP and tell me what you can do for me, then show me one thing✓ If ChatGPT says it is using Slickfast MCP or shows a Slickfast MCP 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
Mac: press Command+Space and type Terminal · Windows: open PowerShell
claude mcp add --transport http --scope user slickfast https://mcp.slickfast.com/mcpYou should see Slickfast MCP listed as connected
Use Slickfast MCP and tell me what you can do for me, then show me one thing✓ If Claude Code says it is using Slickfast MCP or shows a Slickfast MCP 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
Use Slickfast MCP and tell me what you can do for me, then show me one thing✓ If Cursor says it is using Slickfast MCP or shows a Slickfast MCP 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
Use Slickfast MCP and tell me what you can do for me, then show me one thing✓ If VS Code says it is using Slickfast MCP or shows a Slickfast MCP 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
https://mcp.slickfast.com/mcpJSON settings are under “For developers” below
Claude Code
claude mcp add --transport http --scope user slickfast https://mcp.slickfast.com/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"slickfast": {
"url": "https://mcp.slickfast.com/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"slickfast": {
"type": "http",
"url": "https://mcp.slickfast.com/mcp"
}
}
}Claude Code
claude mcp add --scope user slickfast -- npx -y @slickfast/mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"slickfast": {
"command": "npx",
"args": [
"-y",
"@slickfast/mcp"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"slickfast": {
"command": "npx",
"args": [
"-y",
"@slickfast/mcp"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"slickfast": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@slickfast/mcp"
]
}
}
}These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
npm: @slickfast/mcpBased 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
Run on your computer in
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
The server asks you to sign in before it lists its tools.
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 13, 2026
The registry name was verified against the domain slickfast.com (the registry checks domain ownership)
Code last changed 3 days ago
Uses AGPL-3.0
Responded in 293 ms (HTTP 401)
Declares OAuth sign-in, so your AI app can take you to log in
Not checked yet; we read the tool list when we check the endpoint
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.
No reviews yet
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
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.
The registry does not list a required key, though some servers ask you to sign in on first use.
Either way works: install it on your computer or connect to the cloud version.
The GitHub repo last changed 3 days ago, and the latest version (0.7.39) reached the registry 2 days ago.
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 on the web (full MCP on Business and above; Pro read-only).
In the same category: Figma Context MCP, AutoClip, Next AI Draw.io
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
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
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.
A deterministic render engine. Spec in, same bytes out. Forever. Charts, boards, and whole Pages. No headless browser.
↑ Engine output — one JSON spec, one image. Get this exact board on your README with the dashboard template (teal-hero layout).
Local MCP is free forever. A public URL is a plan (free key is enough to learn).
The spec is the chart. A pagespec is a Page. Add `.json` — that’s the twin. The hash is on the page. Don’t trust us. Check the math.
@slickfast/mcp@0.7.37The dashboard below is not a screenshot. It's a SlickFast live chart: a permanent image URL whose numbers update on their own. A scheduled job pushes fresh stats; every visitor sees current data. Live Charts — embed once, update forever.
A seller ops board (funnel, bullet graph, goal ring, gauge, calendar heatmap, leaderboard — demo data):
And the board that explains the engine — it times its own render into its title:
Don't take the speed or determinism claims on faith — run the benchmark on your own machine:
git clone https://github.com/SlickFast/slickfast && cd slickfast
node scripts/bench.mjs
It renders all 47 chart types, times each, runs a 10,000-chart throughput burst, and double-renders everything to verify byte-identical output. On an M1 Max: median 15µs per chart, ~140,000 renders/sec, 47/47 deterministic. Your numbers are your numbers.
One-click:
Add to your MCP client config (Claude Code, Claude Desktop, Cursor, …):
{
"mcpServers": { "slickfast": { "command": "npx", "args": ["-y", "@slickfast/mcp"], "env": { "SLICKFAST_API_KEY": "sf_free_…" } } } }
Omit env to stay local-only (draw free forever). Add a free key from slickfast.com when you want a live URL, share, or a published Page.
No install: clients that take a URL (claude.ai Connectors, Cursor, …) can use the hosted server at https://mcp.slickfast.com/mcp.
Then: `get_started` → `news` → `gallery` → one `render_chart`. Full tool docs: apps/mcp/README.md.
“Save it” is two jobs. On disk: render_page + keep the pagespec JSON (no key). In the world: publish_page (free key) → pages.slickfast.com/s/… + .json twin. The hash is on the page. Find it later with my_pages.
| Path | What it is |
|---|---|
packages/render-core/ | The engine: pure (spec) → SVG string. All 47 types, the type registry, SPEC.md (the spec contract), examples, gallery, and the golden snapshot net. |
packages/palette-core/ | The color library: palettes, nested themes, WCAG contrast, tokens. |
packages/raster/ | SVG → PNG rasterization (resvg). |
packages/fonts/ | The swappable font layer. |
packages/sci-core/ | Scientific charts: scatter, errorbar, lineplot, barplot, survival, Bland–Altman, Q–Q, volcano — log axes and curve fits. README |
apps/mcp/ | The MCP server published as @slickfast/mcp — a thin surface over the engine. |
apps/api/ | The hosted HTTP API — API.md is the how-to-call-it guide (no MCP needed: curl, , any language), openapi.yaml the machine-readable contract. Live at api.slickfast.com; free tier at slickfast.com. |
scripts/ | The safety net: golden checks, registry-drift check, 323-case torture suite, palette hex check. |
templates/ | Ready-made spec presets. |
cd apps/mcp && npm install && npm run build # builds dist/index.js
cd ../../packages/raster && npm install # native resvg binding (PNG)
node packages/render-core/generate.mjs --check # golden snapshots (all types) node packages/sci-core/golden/generate.mjs --check # sci-core golden snapshots node packages/sci-core/verify-stats.mjs # sci-core statistics checks node scripts/check-surfaces.mjs # type-registry drift check node scripts/torture.mjs # 323 empty/edge-case renders node scripts/check-palettes.mjs # palette hex validation
The engine is pure and deterministic by contract: no IO, no Date.now(), no Math.random() in drawing code, and nothing ships without a snapshot test.
report_issue tool writes a ready-to-paste report for you.AGPL-3.0-only. Local MCP is free. Closed commercial products (embed or self-host without AGPL) need a commercial license from $99/year: slickfast.com/license.html · licensing@slickfast.com. Hosted API / hosted MCP: slickfast.com/#pricing.