Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Publish drill-down diagrams from an agent; every Mermaid subgraph becomes a level you enter.
Pick the AI app you use, then copy the settings.
Passed 3/3 checks · Runs on your computer · ✓ Commands checked Nov 13, 2026
First: which AI do you use?
Pick your app and the steps appear below.
Works with Claude, with some setup first
You need a DrillFlow key (create it on the maker’s site) · Install Node.js on your computer first (one time) · Only the Claude desktop app (Windows or Mac), not the web or phone
One time only; it works for every server that needs Node.js
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.
SettingsDeveloperEdit Config
{
"mcpServers": {
"drillflow": {
"command": "npx",
"args": [
"-y",
"drillflow-mcp"
],
"env": {
"DRILLFLOW_TOKEN": "your-value",
"DRILLFLOW_API_URL": "your-value"
}
}
}
}Paste the key only into the app’s field, never into a chat or to anyone
Use DrillFlow and tell me what you can do for me, then show me one thing✓ If Claude says it is using DrillFlow or shows a DrillFlow 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 DrillFlow yet
DrillFlow runs on your computer, but ChatGPT can only connect servers that run on the web
A · Use an app that can connect DrillFlow
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, with some setup first
You need a DrillFlow key (create it on the maker’s site) · Install Node.js on your computer first (one time)
One time only; it works for every server that needs Node.js
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 --scope user drillflow --env DRILLFLOW_TOKEN=your-value --env DRILLFLOW_API_URL=your-value -- npx -y drillflow-mcpReplace “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 DrillFlow listed as connected
Use DrillFlow and tell me what you can do for me, then show me one thing✓ If Claude Code says it is using DrillFlow or shows a DrillFlow 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, with some setup first
You need a DrillFlow key (create it on the maker’s site) · Install Node.js on your computer first (one time)
One time only; it works for every server that needs Node.js
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 DrillFlow settings, DRILLFLOW_TOKEN, DRILLFLOW_API_URL is empty; add your key and save
Paste the key only into the app’s field, never into a chat or to anyone
Use DrillFlow and tell me what you can do for me, then show me one thing✓ If Cursor says it is using DrillFlow or shows a DrillFlow 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, with some setup first
You need a DrillFlow key (create it on the maker’s site) · Install Node.js on your computer first (one time)
One time only; it works for every server that needs Node.js
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 DrillFlow settings, DRILLFLOW_TOKEN, DRILLFLOW_API_URL is empty; add your key and save
Paste the key only into the app’s field, never into a chat or to anyone
Use DrillFlow and tell me what you can do for me, then show me one thing✓ If VS Code says it is using DrillFlow or shows a DrillFlow 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
Claude Code
claude mcp add --scope user drillflow --env DRILLFLOW_TOKEN=your-value --env DRILLFLOW_API_URL=your-value -- npx -y drillflow-mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"drillflow": {
"command": "npx",
"args": [
"-y",
"drillflow-mcp"
],
"env": {
"DRILLFLOW_TOKEN": "your-value",
"DRILLFLOW_API_URL": "your-value"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"drillflow": {
"command": "npx",
"args": [
"-y",
"drillflow-mcp"
],
"env": {
"DRILLFLOW_TOKEN": "your-value",
"DRILLFLOW_API_URL": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"drillflow": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"drillflow-mcp"
],
"env": {
"DRILLFLOW_TOKEN": "your-value",
"DRILLFLOW_API_URL": "your-value"
}
}
}
}DRILLFLOW_TOKEN secret envDRILLFLOW_API_URL envThese settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
npm: drillflow-mcpBased on how this server connects and on each app’s own docs, checked Nov 10, 2026.
Run on your computer in
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
Runs on your computer; the tool list appears in your AI app after you install it.
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 drillflow.de (the registry checks domain ownership)
Code last changed yesterday
Uses MIT
This one runs on your computer; there is no internet endpoint
Runs on your computer and uses local settings instead
Runs on your computer; we can only read tool lists from internet endpoints
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 3 of 3 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: DRILLFLOW_TOKEN
It runs on your computer. Your AI app starts it when needed, and data does not pass through the maker’s servers (unless it calls an online service itself).
The GitHub repo last changed yesterday, and the latest version (1.0.97) reached the registry yesterday.
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. You also need Node.js on your computer.
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.
Generated. Do not edit here. Every file in this repository is copied from
the DrillFlow source repository on each release; changes made here are
overwritten by the next sync. Please open issues rather than pull requests.
An MCP server for DrillFlow — the diagram editor built around drill-down, where a node can own a whole sub-diagram you navigate *into*.
With this server an agent can turn a Mermaid flowchart into a real hierarchical diagram, publish it to a shareable read-only link, and read published diagrams back. Every subgraph becomes a subflow a reader can actually open, which is what a flat picture cannot do.
Claude Desktop (claude_desktop_config.json) or any MCP host:
{
"mcpServers": { "drillflow": { "command": "npx", "args": ["-y", "drillflow-mcp"], "env": { "DRILLFLOW_TOKEN": "dfp_…" } } } }
Claude Code:
claude mcp add drillflow --env DRILLFLOW_TOKEN=dfp_… -- npx -y drillflow-mcp
Node 20 or newer.
| Tool | What it does |
|---|---|
publish_diagram | Publishes a DrillFlow document, returns the share URL. |
publish_mermaid | Converts a Mermaid flowchart (subgraphs → subflows) and publishes it. |
read_diagram | Reads a published diagram back as its document — share URL, @handle/name address or slug. |
Publishing puts the diagram on a public read-only URL that anyone holding the link can open. Nothing is published without the host asking you first.
| Variable | Meaning |
|---|---|
DRILLFLOW_TOKEN | An API token from Your account → API tokens at app.drillflow.de. Optional. |
DRILLFLOW_API_URL | Defaults to https://api.drillflow.de. |
Without a token the server publishes anonymously, and says so in every result: nobody owns the link, it cannot be listed or revoked, and it stops working after 72 hours (the result names the exact time). With a token the link belongs to your account — listed under *My shared links*, renameable, revocable, no expiry.
The document format is documented at https://drillflow.de/en/format/, with a JSON Schema at https://drillflow.de/schema/drillflow-document.schema.json. There is also a Claude Skill for generating DrillFlow diagrams: capydev42/drillflow-skill.
This repository holds the server's own sources, which is what the MIT licence below covers. It is not a standalone build: the package bundles a few modules from the (closed-source) DrillFlow editor — the Mermaid importer and the document validator — so the published drillflow-mcp on npm is built from the DrillFlow repository, not from here. Install it with npx; read it here.
MIT — see LICENSE. This covers the MCP server in this repository, not the DrillFlow application.
Bug reports are welcome in this repository's issue tracker, or by mail to .