Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Pictures, video, voice and transcripts from any Vercel AI Gateway model, on your own Vercel copy.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://{host}/mcp/{secret}アドレスには、あなたしか知らない {…} の部分(アカウントなど)があるので、コピーして書き換えてください。
ターミナルでこれを実行します
claude mcp add --transport http ai-gateway 'https://{host}/mcp/{secret}'アドレスには、あなたしか知らない {…} の部分(アカウントなど)があるので、コピーして書き換えてください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"ai-gateway": {
"url": "https://{host}/mcp/{secret}"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
アドレスには、あなたしか知らない {…} の部分(アカウントなど)があるので、コピーして書き換えてください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"ai-gateway": {
"type": "http",
"url": "https://{host}/mcp/{secret}"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://{host}/mcp/{secret}アドレスには、あなたしか知らない {…} の部分(アカウントなど)があるので、コピーして書き換えてください。
メニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
アドレスにあなた自身の値が必要なため、代わりにツール一覧を読み取ることはできません。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月8日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント Armulee で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
アドレスにあなた自身のアカウント情報が必要なため、代わりにチェックできません
アドレスにあなた自身のアカウント情報が必要なため、代わりにチェックできません
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
GitHubリポジトリの最終更新は–、最新バージョン(0.1.0)がレジストリに届いたのは22 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
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.
The Figma MCP server brings Figma design context directly into your AI workflow.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
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
冒頭だけを表示しています。続きはリポジトリで読めます