Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Description from the maker (original English)
Let Claude, Cursor, or ChatGPT author Mermaid diagrams your team can read and share.
These three are never merged into one score: opinions, measurements and popularity are different things.
We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.
Pick the AI app you use, then copy the settings.
You need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
Works in Claude on the web, desktop and mobile:
https://mcp.diagramzu.ai/mcpRun this in your terminal
claude mcp add --transport http diagramzu https://mcp.diagramzu.ai/mcpPaste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"diagramzu": {
"url": "https://mcp.diagramzu.ai/mcp"
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"diagramzu": {
"type": "http",
"url": "https://mcp.diagramzu.ai/mcp"
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
ChatGPT connects only to servers on the internet:
https://mcp.diagramzu.ai/mcpMenu names can differ slightly by plan and over time.
Your choice stays on this device in a cookie; no account needed.
These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
We have not read this server’s tool list yet; we check endpoints in rotation.
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 8, 2026
The registry name was verified against the domain diagramzu.ai (the registry checks domain ownership)
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
Not checked yet; we check endpoints in rotation
Not checked yet; we check endpoints in rotation
Not checked yet; we read the tool list when we check the endpoint
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 1 of 1 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.
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.
The GitHub repo last changed –, and the latest version (0.0.3) reached the registry 5 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 in developer mode.
In the same category: Figma Context MCP, Claude Real Video, Figma MCP Server
Servers in the same category from other makers, sorted by stars.
Reading a card:★ 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.
Let any LLM watch a video locally — and search everything it has ever watched.
Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.
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.
MCP server for diagramzu.ai. Lets Claude Code, Claude Desktop, Cursor, Windsurf, ChatGPT custom GPTs, and any MCP client read and write Mermaid diagrams in your Space.
You author diagrams by talking to your AI — it stores them in your Space at diagramzu.ai/app/d/ , where your team can read them and publish a public link.
Available in the official MCP Registry as
ai.diagramzu/mcp.
Sign up at diagramzu.ai, then create an API token at diagramzu.ai/app/settings/connections. Tokens look like dz_live_… and are scoped to one Space — no separate space-id needed.
The hosted server is the easy path: no install, no build. Just paste a config.
claude mcp add --scope user --transport http diagramzu https://mcp.diagramzu.ai/mcp \
--header "Authorization: Bearer dz_live_xxx"
Add to your client's MCP config (~/Library/Application Support/Claude/claude_desktop_config.json on macOS for Claude Desktop, ~/.cursor/mcp.json for Cursor, etc.):
{
"mcpServers": { "diagramzu": { "type": "http", "url": "https://mcp.diagramzu.ai/mcp", "headers": { "Authorization": "Bearer dz_live_xxx" } } } }
In the GPT builder, add an MCP server action pointing to https://mcp.diagramzu.ai/mcp with a Bearer-token authentication header set to your dz_live_… token.
npx -y @diagramzu/mcp
with environment:
DIAGRAMZU_BASE_URL=https://diagramzu.ai
DIAGRAMZU_API_TOKEN=dz_live_xxx DIAGRAMZU_SPACE_ID= # optional
DIAGRAMZU_SPACE_ID is optional. Left unset, the server uses the token's own default workspace — the one chosen when the token was minted. Set it to pin a different workspace as the default for this process.
Most users should prefer the remote HTTP transport above — the stdio path exists for clients without HTTP MCP support.
A token is scoped either to one workspace or to all the workspaces its owner belongs to, chosen when the token is authorized (the consent page's *Access* radio, or Settings → API tokens). An account-scoped token follows its owner's live memberships: joining a workspace adds it, being removed from one closes it on the next call.
list_spaces shows every workspace this connection can act in, which one is the default, and your role in each./app/... links carry ?space=, so opening one switches the browser to that workspace when you are a member.| Tool | Description |
|---|---|
list_spaces | List every workspace this connection can act in, with ids, slugs, roles, and which is the default |
list_diagrams | List diagrams in the Space (filter with q, sort by updated / created) |
list_folders | List folders in the Space |
get_diagram | Fetch one diagram by id (title, description, Mermaid source) |
create_diagram | Create a new diagram (returns its id and its /app/d/ URL) |
update_diagram | Update title, Mermaid source, description, or style of an existing diagram |
analyze_diagram | Get a structural summary of a diagram (nodes, edges, density) |
list_versions | List version history for a diagram |
get_version | Fetch a specific historical version of a diagram |
list_comments | List a diagram's comments, oldest first (optionally only one node's thread) |
add_comment | Post a comment, optionally pinned to a node or replying to a thread |
list_decks | List presentation decks in the Space, newest-edited first |
get_deck | Fetch one deck by id, with its ordered slides |
create_deck | Assemble existing diagrams into an ordered presentation deck |
update_deck | Change a deck's title, description, or slide order (slides is declarative) |
list_pages | List the workspace's Markdown pages (id, title, revision, snippet; filter with q) |
get_page | Fetch one page by id — the whole body, or just its outline or one section |
create_page | Create a Markdown page (title comes from the body's front matter or first heading) |
update_page | Edit a page: targeted edits, or baseRevision + a whole new body |
Two different things get called "a link" here, and only one of them works for someone outside your Space:
| URL | Who can open it |
|---|---|
diagramzu.ai/app/d/ | Space members only — the diagram in the app. |
diagramzu.ai/app/present/ | Space members only — the deck's presentation view. |
diagramzu.ai/app/pages/ | Space members only — the Markdown page in the app. |
diagramzu.ai/s/ | Anyone with the link — the public, read-only diagram page. |
diagramzu.ai/s/p/ | Anyone with the link — the public, read-only deck. |
diagramzu.ai/s/pg/ | Anyone with the link — the public, read-only Markdown page. |
The tools hand back the /app/… URLs, so a link pasted straight out of a chat is a members-only one: send it to someone outside the Space and they land on sign-in. To publish, open the diagram, deck or page in DiagramZu and use its Share button. This MCP server deliberately ships no tool that mints a public link — not because a token cannot (a dz_live_… token can mint one over the REST API), but because publishing a Space's content should be a deliberate human action rather than a side effect of a conversation. Once a diagram has a public link, get_diagram and update_diagram report it on a Share (public, read-only): line of their own.
A Markdown page is shared the same way. diagramzu.ai/s/pg/ is its public, read-only address, minted by a person from the page's Share button, so get_page, create_page and update_page print the members-only /app/pages/ URL and point at that button for anything wider. They do NOT look a page's link up: unlike get_diagram they report no Share (public, read-only): line, so a page's public address is something a human hands over, not something an agent discovers.
If you publish your MCP / Claude Code config in a dotfiles or example repo, drop this in the README so the next person knows where the diagrams come from:
[](https://diagramzu.ai)
Renders as a small shields-style badge — gray MCP + indigo diagramzu.
For hacking on diagramzu itself, build from source:
cd packages/mcp-diagramzu
pnpm install pnpm run build
MIT