Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Charts and tables for AI agents with live-updating embed links. No account: signup returns a key.
Pick the AI app you use, then copy the settings.
Passed 5/5 checks · What you ask goes through the maker’s server (chartlink.app)
First: which AI do you use?
Pick your app and the steps appear below.
Works with Claude · about 5 min
You need a chartlink key (create it on the maker’s site) · 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 the maker’s site, sign up and create an API key for the next step. Check the maker’s site for pricing and free plans.
CustomizeConnectors
Copy each value into the field with the same name in Claude, then click Continue
chartlinkhttps://chartlink.app/mcpUnder Request headers, add this name and value
AuthorizationBearer <paste your key here>Paste the key only into the app’s field, never into a chat or to anyone
Leave Authentication as Claude detected it, then click Add
+Connectorschartlink
Use chartlink and tell me what you can do for me, then show me one thing✓ If Claude says it is using chartlink or shows a chartlink 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
ChatGPT cannot connect chartlink yet
chartlink needs your own key to connect, but OpenAI’s help page only describes OAuth sign-in; there is no key option we could verify
A · Use an app that can connect chartlink
B · Others in Design, images & audio that work with ChatGPT
Picked from the most used in the same category, only ones that connect by address with no key
Works with Claude Code · about 5 min
You need a chartlink key (create it on the maker’s site)
Open the maker’s site, sign up and create an API key for the next step. Check the maker’s site for pricing and free plans.
Mac: press Command+Space and type Terminal · Windows: open PowerShell
claude mcp add --transport http --scope user chartlink https://chartlink.app/mcp --header 'Authorization: Bearer your-value'Replace “your-value” with your key before pressing Enter
Paste the key only into the app’s field, never into a chat or to anyone
You should see chartlink listed as connected
Use chartlink and tell me what you can do for me, then show me one thing✓ If Claude Code says it is using chartlink or shows a chartlink 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 5 min
You need a chartlink key (create it on the maker’s site)
Open the maker’s site, sign up and create an API key for the next step. Check the maker’s site for pricing and free plans.
In the chartlink settings, Authorization is empty; add your key and save
Paste the key only into the app’s field, never into a chat or to anyone
Use chartlink and tell me what you can do for me, then show me one thing✓ If Cursor says it is using chartlink or shows a chartlink 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 5 min
You need a chartlink key (create it on the maker’s site)
Open the maker’s site, sign up and create an API key for the next step. Check the maker’s site for pricing and free plans.
In the chartlink settings, Authorization is empty; add your key and save
Paste the key only into the app’s field, never into a chat or to anyone
Use chartlink and tell me what you can do for me, then show me one thing✓ If VS Code says it is using chartlink or shows a chartlink 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://chartlink.app/mcpJSON settings are under “For developers” below
Claude Code
claude mcp add --transport http --scope user chartlink https://chartlink.app/mcp --header 'Authorization: Bearer your-value'Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"chartlink": {
"url": "https://chartlink.app/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"chartlink": {
"type": "http",
"url": "https://chartlink.app/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}Claude Code
claude mcp add --scope user chartlink --env CHARTLINK_API_KEY=your-value -- npx -y chartlink-mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"chartlink": {
"command": "npx",
"args": [
"-y",
"chartlink-mcp"
],
"env": {
"CHARTLINK_API_KEY": "your-value"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"chartlink": {
"command": "npx",
"args": [
"-y",
"chartlink-mcp"
],
"env": {
"CHARTLINK_API_KEY": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"chartlink": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"chartlink-mcp"
],
"env": {
"CHARTLINK_API_KEY": "your-value"
}
}
}
}CHARTLINK_API_KEY secret envThese settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
npm: chartlink-mcpBased on how this server connects and on each app’s own docs, checked Nov 10, 2026.
Connect over the internet in
ClaudeGooseLM 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 12, 2026
The registry name was verified with the GitHub account oscarleoo, which owns the repo
Code last changed 35 days ago
Uses MIT
Responded in 169 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.
You need to fill in: Authorization, CHARTLINK_API_KEY
Either way works: install it on your computer or connect to the cloud version.
The GitHub repo last changed 35 days ago, and the latest version (0.1.2) reached the registry 2 months 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 Business and above.
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 stdio bridge to the chartlink MCP server, for clients that only launch local stdio servers. Charts, maps and tables with live-updating embed links: https://chartlink.app
{
"mcpServers": { "chartlink": { "command": "npx", "args": ["-y", "chartlink-mcp"], "env": { "CHARTLINK_API_KEY": "viz_..." } } } }
No key yet? curl -X POST https://chartlink.app/api/signup returns a workspace and its key — no account. The key is shown once.
Without a key the bridge still starts and lists every tool, so you can look before you sign up; each tool call then answers with the signup step instead of running.
If your client speaks HTTP MCP, skip this package and connect directly: https://chartlink.app/mcp with Authorization: Bearer viz_....
By default the server exposes the template path — nine tools: find a template by need, read its contract, dry-run your data, create from it with your data and a few knobs, publish, hand back the links. The whole engine (every chart type, the full settings schema, brands, data sources) is behind CHARTLINK_MCP_URL=https://chartlink.app/mcp?full=1.
The manual your agent should read first: https://chartlink.app/llms.txt (the templates and the four-step loop); the full engine manual is https://chartlink.app/llms-full.txt.