Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Generates 1200x630 OG social preview images (PNG/SVG). Tools: generate_og_image, get_quota.
Pick the AI app you use, then copy the settings.
Passed 2/3 checks · What you ask goes through the maker’s server (oganvil.rowb.app)
First: which AI do you use?
Pick your app and the steps appear below.
Works with Claude · about 5 min
You need a oganvil — OG (Open Graph) Image Generation API 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.
Open the oganvil — OG (Open Graph) Image Generation API site ↗
CustomizeConnectors
Copy each value into the field with the same name in Claude, then click Continue
oganvil — OG (Open Graph) Image Generation APIhttps://oganvil.rowb.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
+Connectorsoganvil — OG (Open Graph) Image Generation API
Use oganvil — OG (Open Graph) Image Generation API and tell me what you can do for me, then show me one thing✓ If Claude says it is using oganvil — OG (Open Graph) Image Generation API or shows a oganvil — OG (Open Graph) Image Generation API 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 oganvil — OG (Open Graph) Image Generation API yet
oganvil — OG (Open Graph) Image Generation API 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 oganvil — OG (Open Graph) Image Generation API
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 oganvil — OG (Open Graph) Image Generation API 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.
Open the oganvil — OG (Open Graph) Image Generation API site ↗
Mac: press Command+Space and type Terminal · Windows: open PowerShell
claude mcp add --transport http --scope user og-image-api https://oganvil.rowb.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 oganvil — OG (Open Graph) Image Generation API listed as connected
Use oganvil — OG (Open Graph) Image Generation API and tell me what you can do for me, then show me one thing✓ If Claude Code says it is using oganvil — OG (Open Graph) Image Generation API or shows a oganvil — OG (Open Graph) Image Generation API 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 oganvil — OG (Open Graph) Image Generation API 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.
Open the oganvil — OG (Open Graph) Image Generation API site ↗
In the oganvil — OG (Open Graph) Image Generation API 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 oganvil — OG (Open Graph) Image Generation API and tell me what you can do for me, then show me one thing✓ If Cursor says it is using oganvil — OG (Open Graph) Image Generation API or shows a oganvil — OG (Open Graph) Image Generation API 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 oganvil — OG (Open Graph) Image Generation API 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.
Open the oganvil — OG (Open Graph) Image Generation API site ↗
In the oganvil — OG (Open Graph) Image Generation API 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 oganvil — OG (Open Graph) Image Generation API and tell me what you can do for me, then show me one thing✓ If VS Code says it is using oganvil — OG (Open Graph) Image Generation API or shows a oganvil — OG (Open Graph) Image Generation API 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://oganvil.rowb.app/mcpJSON settings are under “For developers” below
Claude Code
claude mcp add --transport http --scope user og-image-api https://oganvil.rowb.app/mcp --header 'Authorization: Bearer your-value'Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"og-image-api": {
"url": "https://oganvil.rowb.app/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"og-image-api": {
"type": "http",
"url": "https://oganvil.rowb.app/mcp",
"headers": {
"Authorization": "Bearer your-value"
}
}
}
}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
ClaudeGooseLM 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 9, 2026. The maker wrote them, not us; we show them as plain text.
generate_og_imageGenerate a 1200x630 Open Graph image (PNG or SVG) from a title and tag line. Returns the image as MCP image content plus a hosted render URL. Counts against your monthly unique-image quota.
get_quotaReturn current monthly usage and plan limit for the authenticated key. Does not consume quota.
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 (oganvil.rowb.app) to the code
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
Responded in 414 ms (HTTP 200)
No sign-in needed
Read 2 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.
You need to fill in: Authorization
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 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
No README found in the repo