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)
Pictures, video, voice and transcripts from any Vercel AI Gateway model, on your own Vercel copy.
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://{host}/mcp/{secret}The address contains {…} parts that only you know (such as your account), so copy it and fill them in.
Run this in your terminal
claude mcp add --transport http ai-gateway 'https://{host}/mcp/{secret}'The address contains {…} parts that only you know (such as your account), so copy it and fill them in.
Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"ai-gateway": {
"url": "https://{host}/mcp/{secret}"
}
}
}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.
The address contains {…} parts that only you know (such as your account), so copy it and fill them in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"ai-gateway": {
"type": "http",
"url": "https://{host}/mcp/{secret}"
}
}
}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://{host}/mcp/{secret}The address contains {…} parts that only you know (such as your account), so copy it and fill them in.
Menu 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.
The address needs your own values, so we cannot read the tool list for you.
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 with the GitHub account Armulee, which owns the repo
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
The address needs your own account values, so we cannot check it for you
The address needs your own account values, so we cannot check it for you
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.1.0) reached the registry 23 days 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:↓ 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.
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.
One click, and you are done.
Vercel copies this repo to your account, makes your private storage and asks for one secret. Your copy then walks you through the rest.
What you can make · How it works · Get started · What it costs · Tools · Keep it safe
The provider's own price, right inside your chat. No markup, no subscription, no API key. Add this connector to Claude, ChatGPT or any MCP app and it can make pictures, video and voice with 400+ models on Vercel AI Gateway: Veo, Kling, Seedance, Nano Banana, GPT Image, FLUX and more. You run your own copy on your own Vercel account, so every call is paid from your own Gateway credits at the price the provider sets.
A real chat on claude.ai, October 2026: a picture for $0.007, then a five-second video for $0.09 (HeyGen Video 1). Waiting while models work is sped up. See the demo .
Ask in plain words. Your chat does the thinking and the writing with everything it already knows about you; the connector makes the pictures, the video and the voice.
Shoot a short film "Write a one-minute sci-fi short, storyboard it, then film every scene with sound." Your chat writes the script and plans each shot. The connector draws the storyboard and films the scenes. generate_image start_video get_video
10 scenes with sound: $12.00 on Veo 3.1 Fast
Write and illustrate a book "Write a 12-chapter bedtime story about a fox who collects stars, and paint every chapter in watercolour." Your chat writes the story. The connector paints the cover and a picture for each chapter, in one style. generate_image edit_image
12 pictures: $1.61 on Nano Banana Pro
Turn it into an audiobook "Read chapter one aloud in a warm, slow voice, like a bedtime story." The connector narrates the text and hands back an audio file you can play right in the chat. generate_speech
A 2,000-word chapter: about $0.33 on TTS-1 HD
Shoot a product "Take this photo of my mug, put it on white marble in morning light, then make a slow turntable clip." The connector edits your own photo into new shots, then films a short clip from the best one. edit_image start_video get_video
4 shots and a 5-second clip: $0.66 on FLUX Kontext Pro and Veo 3.1 Fast
Make anyone dance "Make the character in this picture do the dance in this video." The connector copies the moves from a reference video onto your character, frame by frame. motion_control get_video
A 10-second dance: $1.26 on Kling 3.0 Motion Control
Run a month of posts "Plan 30 days of posts for my bakery, write the captions, and make a picture for each day." Your chat plans the month. The connector makes a picture for every day and vertical clips for the big ones. generate_image start_video get_video
30 pictures and 8 clips: $10.43 on Nano Banana Pro and Veo 3.1 Fast
Turn a recording into notes "Transcribe this meeting with timestamps, then give me the decisions and who owns what." The connector writes down every word; your chat turns it into notes, subtitles or a translation. transcribe
A 20-minute recording: $0.12 on Whisper
Pick the right model "Which video model is cheapest for an 8-second clip that still looks good?" The connector lists every model with its AI Gateway catalog price, so your chat can choose for you, or compare a few side by side. list_models check_credits
Free reading the catalog costs nothing
Costs are AI Gateway catalog prices from October 2026, for the example quantities shown. They are examples, not quotes: the provider's bill can differ from the catalog (see What it costs ), and each call reports what it actually cost. Ask list_models for today's catalog.
What is MCP? The Model Context Protocol is how chat apps plug in outside tools. This project is one of those tools: once you add its link, your chat app can make things with any model on AI Gateway.
You need a Vercel account and a GitHub, GitLab or Bitbucket account.
Then set a spend budget in the Vercel dashboard (AI Gateway → Budgets). It is the real limit on what your link can ever spend.
Open your copy and it shows where you are: an arch of six stones, one per step. Set stones glow, the next one breathes, and clicking a stone opens its step.
One step at a time. Done steps fold away and the next one opens with exactly what to do.
Your link, tested. In the browser that made your secret it's checked by itself; anywhere else, paste it once and test it. Open on your phone shows a QR code that opens your page on your phone with the secret already saved. Claude on your phone needs none of this: connectors added on claude.ai show up there by themselves.
A secret that never leaves your browser. Made and saved there the moment you reach the step, with your link ready to copy. Vercel only gets its fingerprint ( MCP_SECRET_SHA256 ), which can't open your connector: add it, redeploy once (it covers the storage too), and the page checks your link by itself. Or press Copy setup prompt and paste it into Claude with the Vercel connector: it adds the fingerprint and redeploys for you.
Into your chat app. Steps for Claude, ChatGPT and any other MCP app, and a test prompt to try it.
Once every step is done, the guide steps aside for good. From then on your page opens on the brand and goes straight to your usage. If anything comes undone later (say MCP_SECRET_SHA256 is removed), the guide comes back by itself.
<img src="docs/readme/intro.webp" width="100%" alt="With setup done: a point of light, the arch built outward from it, the arch shrinking into the logo as the name appears, then flying to the corner as the us
Only the beginning is shown; read the rest in the repo