Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
AI image and video generation, editing, and region repair via Gemini, OpenAI, and Grok.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
GOOGLE_API_KEY, OPENAI_API_KEY, XAI_API_KEY「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"pixel-surgeon": {
"command": "npx",
"args": [
"-y",
"pixel-surgeon-mcp"
],
"env": {
"GOOGLE_API_KEY": "your-value",
"OPENAI_API_KEY": "your-value",
"XAI_API_KEY": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add pixel-surgeon --env GOOGLE_API_KEY=your-value --env OPENAI_API_KEY=your-value --env XAI_API_KEY=your-value -- npx -y pixel-surgeon-mcp動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"pixel-surgeon": {
"command": "npx",
"args": [
"-y",
"pixel-surgeon-mcp"
],
"env": {
"GOOGLE_API_KEY": "your-value",
"OPENAI_API_KEY": "your-value",
"XAI_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"pixel-surgeon": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"pixel-surgeon-mcp"
],
"env": {
"GOOGLE_API_KEY": "your-value",
"OPENAI_API_KEY": "your-value",
"XAI_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月8日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント j-east で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:GOOGLE_API_KEY, OPENAI_API_KEY, XAI_API_KEY
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(1.1.1)がレジストリに届いたのは6 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ 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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
pixel-surgeon-mcp
MCP server for AI image & video generation, editing, and transplant-grade region repair
Powered by Gemini 3.1 Flash Image, OpenAI GPT Image 2, Grok Imagine, and Veo 3
An MCP server that gives Claude (or any MCP client) the ability to generate images, edit them, fix garbled text, and create videos — all through natural language.
pixel-surgeon-mcp is a multi-provider image generation server. You can use any combination of providers and switch between them per-request:
Google's image generation pipeline uses a two-stage approach: Gemini 3.1 Pro reasons about your prompt, then Gemini 3.1 Flash Image renders the pixels. Supports 9 aspect ratios at 512/1K/2K/4K resolution. Best price/performance ratio, with a free tier available.
OpenAI's latest image model with dramatically improved text rendering and visual fidelity. Supports flexible resolutions — pixel-surgeon maps your chosen size and aspect ratio to the optimal pixel dimensions automatically. Quality levels: medium (fast) and high (print-ready). Excellent for infographics, diagrams, and text-heavy images where other models struggle. Slower and more expensive.
xAI's Aurora-powered image model. Fastest generation speed and lowest cost. Supports 7 aspect ratios at fixed resolutions (~1K). Good for rapid prototyping and iteration.
For video, the server calls Veo 3 with async polling — generating both video and ambient audio. Supports 16:9 and 9:16 at 5s or 8s duration.
AI image models struggle with text-heavy images. The fix tools solve this by sending smaller regions to the provider, then stitching the results back with histogram-matched compositing for seamless blending.
| Tool | Description |
|---|---|
generate_image | Text-to-image generation (single image) |
generate_images | Parallel batch generation (1-8 images) |
generate_video | Text-to-video via Veo 3 with audio (5s or 8s) |
edit_image | Edit an existing image with natural language instructions |
fix_image | Grid-based tile repair for garbled text (2x2, 3x3, etc.) |
fix_region | Targeted region repair with automatic aspect ratio snapping |
interactive_fix | Browser-based crop UI with multi-shot selection |
list_images | List generated images and videos |
save_image | Import an external image into the workspace |
remove_background | Remove image background (alpha channel transparency) |
| Model | Provider | Resolution | Best for |
|---|---|---|---|
gemini-3.1-flash-image | 512 / 1K / 2K / 4K | General image generation, photo-realistic scenes | |
gemini-2.5-flash-image | 1K max (free tier) | Quick drafts, prototyping | |
gpt-image-2 | OpenAI | Flexible (up to 4K) | Text-heavy images, infographics, diagrams, typography |
gpt-image-1 | OpenAI | 3 fixed sizes | Legacy support |
grok-imagine | xAI | Fixed (~1K per ratio) | Fast iteration, lowest cost |
Force a specific model per-call via the model tool parameter, or set DEFAULT_IMAGE_MODEL env var.
If a Gemini generation call fails with a billing / prepay error, the server automatically retries on the free-tier `gemini-2.5-flash-image` model. The viewer shows a yellow banner when this happens. Free-tier limits: 1K max resolution, 10 RPM, 500 RPD.
All generation and edit tools support an optional style parameter:
neo-brutalistMagazine editorial, bold typography, halftone textures. Cream, black, and terracotta palette.
duval-software-infographicDuval Software's signature retro-futurist infographic style. 1960s Space Age meets 1980s arcade. Cathode blue, amber, and salmon palette. Great for diagrams and system overviews.
fractal-arcadeDithered fractals, Sierpinski patterns, low-poly. CRT retro, Amiga/EGA palette.
clean-tech-infographicTechnical diagrams, system flows, data pipelines. Dark navy, cyan, and electric blue.
You need at least one provider API key. You can use any combination for maximum flexibility.
Prepayment required. Gemini 3.1 Flash Image and Veo 3 require billing and prepaid credits. The free-tier fallback (2.5 Flash) has limited resolution and rate limits. See Google AI pricing.
GPT Image 2 excels at text rendering, infographics, and diagrams. If you primarily need text-heavy images, this is the provider to use.
Grok Imagine is the fastest and cheapest provider. Great for rapid iteration and prototyping. Fixed output resolutions (~1K) with no size control.
No install needed — run directly with npx. Pass whichever API keys you have:
npx pixel-surgeon-mcp
claude mcp add pixel-surgeon \
-e GOOGLE_API_KEY=your-google-key \ -e OPENAI_API_KEY=your-openai-key \ -e XAI_API_KEY=your-xai-key \ -- npx pixel-surgeon-mcp
{
"mcpServers": { "pixel-surgeon": { "command": "npx", "args": ["pixel-surgeon-mcp"], "env": { "GOOGLE_API_KEY": "your-google-api-key", "OPENAI_API_KEY": "your-openai-api-key", "XAI_API_KEY": "your-xai-api-key" } } } }
If you prefer a local clone:
git clone https://github.com/j-east/pixel-surgeon-mcp.git
cd pixel-surgeon-mcp npm install npm run build
Generated images are saved to ~/Pictures/pixel-surgeon/. A local browser viewer auto-launches on first use for full-resolution previews with model selection, respin controls, and search.
npm run dev # tsx watch mode
npm run build # compile TypeScript npm run start # run compiled server
interactive_fix opens a browser crop UI, blocks via Promise until the user submits, fires parallel Gemini calls, and lets the user pick the best resultPRs are welcome! We're especially looking for:
Add entries to the STYLE_PRESETS object in src/index.ts. Your PR should include:
The server currently supports Gemini, OpenAI, Grok Imagine, and Veo 3. We'd love adapters for other image/video generation APIs — Stable Diffusion, Flux, etc. If you're interested in adding one, open an issue first so we can align on the interface.
pixel-surgeon-mcp is maintained by John Evans, part of the engineering team at Duval Software — a software engineering firm in Jacksonville Beach, FL building AI-powered tools and custom integrations. If you need MCP servers, AI pipelines, or production tooling built, get in touch.
MIT