Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Convert images to clean SVG with few anchor points, plus centerline single lines.
Pick the AI app you use, then copy the settings.
Passed 2/3 checks · What you ask goes through the maker’s server (mcp.vecsnap.com)
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
VecSnap Image to SVGhttps://mcp.vecsnap.com/mcpLeave Authentication as Claude detected it, then click Add
+ConnectorsVecSnap Image to SVG
Use VecSnap Image to SVG and tell me what you can do for me, then show me one thing✓ If Claude says it is using VecSnap Image to SVG or shows a VecSnap Image to SVG 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
Plugins+Add custom MCP server
Enter a name, paste the address under Connection, tick the risk warning and click Create as a plugin
VecSnap Image to SVGhttps://mcp.vecsnap.com/mcpStart a new chat and pick VecSnap Image to SVG from your plugins before typing
Use VecSnap Image to SVG and tell me what you can do for me, then show me one thing✓ If ChatGPT says it is using VecSnap Image to SVG or shows a VecSnap Image to SVG 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 image-to-svg https://mcp.vecsnap.com/mcpYou should see VecSnap Image to SVG listed as connected
Use VecSnap Image to SVG and tell me what you can do for me, then show me one thing✓ If Claude Code says it is using VecSnap Image to SVG or shows a VecSnap Image to SVG 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 VecSnap Image to SVG and tell me what you can do for me, then show me one thing✓ If Cursor says it is using VecSnap Image to SVG or shows a VecSnap Image to SVG 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 VecSnap Image to SVG and tell me what you can do for me, then show me one thing✓ If VS Code says it is using VecSnap Image to SVG or shows a VecSnap Image to SVG 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.vecsnap.com/mcpJSON settings are under “For developers” below
Claude Code
claude mcp add --transport http --scope user image-to-svg https://mcp.vecsnap.com/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"image-to-svg": {
"url": "https://mcp.vecsnap.com/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"image-to-svg": {
"type": "http",
"url": "https://mcp.vecsnap.com/mcp"
}
}
}These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
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
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.
vectorize_imageUse this when the user wants an image converted to SVG or vector (vectorize, trace, image to SVG): a logo, an icon, an illustration, a picture from an AI tool. It converts an image the user already has, and does not create new images. Pass the image as a file, or a public https l
get_conversionUse this when vectorize_image answered that a conversion is still running, to read how it stands and its figures.
get_svgUse this when the user asks for the finished SVG file itself, to save or use it. It never spends a credit. If the person has already unlocked this image, in the VecSnap card or on their VecSnap page, it answers download_url, a link that downloads the file for an hour (for the per
get_creditsUse this when the user asks how many VecSnap credits they have left.
create_uploadOnly the VecSnap card calls this. It answers where to send the image the person dropped.
start_conversionOnly the VecSnap card calls this. It starts a conversion and answers at once, so the card can show it.
read_cardOnly the VecSnap card calls this. It answers how a conversion stands, its picture and its figures.
unlock_fileOnly the VecSnap card calls this. The person pressed Download: it spends one credit from their VecSnap account, once per image, and answers the file's link.
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 lists no source repo, so we cannot match the publisher (vecsnap.com) to the code
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
No sign-in needed
Read 8 tool descriptions and found no hidden instructions to the AI
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 2 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.
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 (1.0.0) reached the registry yesterday.
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
No README found in the repo