Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Beschreibung vom Entwickler (englisches Original)
Google Gemini image generation, editing, and local processing via MCP
Diese drei werden nie zu einer Punktzahl zusammengefasst: Meinungen, Messungen und Beliebtheit sind verschiedene Dinge.
Für diesen Server haben wir noch keine Zusammenfassung in einfacher Sprache geschrieben. Unten stehen die Fakten, die wir aus der Registry gelesen haben.
Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.
GEMINI_API_KEYAls geheim markierte Werte sind Schlüssel zu deinem Konto. Gib sie nie weiter und füge sie nie in einen Chat ein.
Du brauchst
Welche App nutzt du?
Wähle oben deine App. Wir merken sie uns, damit der Button beim nächsten Mal „In … installieren“ anzeigt.
Öffne Claude Desktop → Settings → Developer → Edit Config und füge dies in claude_desktop_config.json ein
{
"mcpServers": {
"gemini-image": {
"command": "npx",
"args": [
"-y",
"@jimothy-snicket/gemini-image-mcp"
],
"env": {
"GEMINI_API_KEY": "your-value"
}
}
}
}Führe das in deinem Terminal aus
claude mcp add gemini-image --env GEMINI_API_KEY=your-value -- npx -y @jimothy-snicket/gemini-image-mcpTrag die leeren Werte ein, bevor du ihn startest.
In .cursor/mcp.json in deinem Projekt oder in ~/.cursor/mcp.json einfügen
{
"mcpServers": {
"gemini-image": {
"command": "npx",
"args": [
"-y",
"@jimothy-snicket/gemini-image-mcp"
],
"env": {
"GEMINI_API_KEY": "your-value"
}
}
}
}Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.
In .vscode/mcp.json in deinem Projekt einfügen
{
"servers": {
"gemini-image": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@jimothy-snicket/gemini-image-mcp"
],
"env": {
"GEMINI_API_KEY": "your-value"
}
}
}
}Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.
Dieser Server läuft auf deinem Computer, und ChatGPT kann sich nur mit Servern im Internet verbinden. Wähle eine andere App.
Deine Auswahl bleibt in einem Cookie auf diesem Gerät; kein Konto nötig.
Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.
Läuft auf deinem Computer; die Tool-Liste erscheint nach der Installation in deiner KI-App.
Wir prüfen Informationen, die jeder sehen kann; den Code haben wir nicht gelesen. Checks, die nicht zutreffen, werden nicht mitgezählt. · Geprüft am 7. Nov. 2026
Der Registry-Name wurde mit dem GitHub-Konto JimothySnicket bestätigt, dem das Repo gehört
Dieses Repo haben wir noch nicht von GitHub gelesen
Dieses Repo haben wir noch nicht von GitHub gelesen
Dieser Server läuft auf deinem Computer; es gibt keinen Endpunkt im Internet
Läuft auf deinem Computer und nutzt stattdessen lokale Einstellungen
Läuft auf deinem Computer; Tool-Listen können wir nur von Endpunkten im Internet lesen
Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.
Er hat 1 von 1 zutreffenden Basischecks bestanden. Den Code haben wir nicht gelesen. Bevor du einen Schlüssel oder Token hinzufügst, sieh nach, welche Zugriffe der Server verlangt, und nutze einen Schlüssel, der nur die Berechtigungen hat, die du brauchst.
Das musst du eintragen: GEMINI_API_KEY
Er läuft auf deinem Computer. Deine KI-App startet ihn bei Bedarf, und die Daten laufen nicht über die Server des Entwicklers (außer der Server ruft selbst einen Onlinedienst auf).
Das GitHub-Repo wurde zuletzt – geändert, und die neueste Version (0.6.2) kam vor 2 Monaten in die Registry.
Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Außerdem brauchst du Node.js auf deinem Computer.
In derselben Kategorie: Figma Context MCP, Claude Real Video, Figma MCP Server
Server derselben Kategorie von anderen Entwicklern, sortiert nach Sternen.
So liest du eine Karte:★ GitHub-SterneiDrei Säulen: Bewertungen · Checks · NutzungiAktualisiert = neueste Version in der Registry veröffentlichti
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.
Unverändert aus dem Repo des Entwicklers übernommen. PopNx MCP hat den Inhalt weder geprüft noch empfiehlt es ihn. HTML, Bilder und Skripte wurden entfernt. Links führen von dieser Website weg.
A simple, focused MCP server for Google Gemini's native image generation — the "Nano Banana" models. Generate, edit, and locally process images from Claude Code, Claude Desktop, or any stdio-based MCP client. Two tools, no bloat.
Built for agents: a single call returns a *saved image* — or, with one-call background removal, a ready-to-use transparent PNG — without streaming image data through your agent's context. Uses Gemini's generateContent API (not the deprecated Imagen API).
npm install -g @jimothy-snicket/gemini-image-mcp
Or use directly with npx:
npx -y @jimothy-snicket/gemini-image-mcp
Claude Code (one command):
claude mcp add gemini-image -- npx -y @jimothy-snicket/gemini-image-mcp
Requires a GEMINI_API_KEY environment variable — see Setup for details.
Set up a config file (optional):
npx @jimothy-snicket/gemini-image-mcp --init
Creates ~/.gemini-image-mcp.json with commented defaults. For project-specific overrides:
npx @jimothy-snicket/gemini-image-mcp --init --local
thinkingLevel: "HIGH" for renders that depend on reasoning (infographics, diagrams, dense typography); cheap MINIMAL default otherwiseremoveBackground returns a clean transparent PNG: a local AI matte (works on any subject; optional add-on, see below) by default, or built-in green-screen / white-threshold keying. No extra API costsessionId to refine an image across calls, with prior turns kept as context"web+image" also pulls image-search results for mood boards and trend references, with sources returned for attribution. See Advanced Featuresgenerations.jsonl logs every generation with prompt, params, costGo to Google AI Studio and create an API key.
Billing required: image generation has no free tier — free-tier keys get
429 RESOURCE_EXHAUSTED(quota limit 0) on every image model. Enable pay-as-you-go billing on the key's Google Cloud project (usage & billing). Images cost ~$0.03–$0.24 each depending on model and resolution; the cheapest model (gemini-3.1-flash-lite-image, the default) is ~$0.034 per image.
The server reads your key from the GEMINI_API_KEY environment variable. Set it once so it's available in every session:
Windows (PowerShell — run as admin):
[System.Environment]::SetEnvironmentVariable('GEMINI_API_KEY', 'your-key-here', 'User')
Then restart your terminal.
macOS / Linux:
echo 'export GEMINI_API_KEY="your-key-here"' >> ~/.bashrc
source ~/.bashrc
(Use `~/.zshrc` if you're on zsh.)
Verify it's set:
echo $GEMINI_API_KEY
Pick the method that matches how you use MCP:
claude mcp add gemini-image -- npx -y @jimothy-snicket/gemini-image-mcp
Claude Code will pick up GEMINI_API_KEY from your environment automatically.
.mcp.json)Add to .mcp.json in your project root or ~/.claude/.mcp.json for global access:
{
"mcpServers": { "gemini-image": { "command": "npx", "args": ["-y", "@jimothy-snicket/gemini-image-mcp"], "env": { "GEMINI_API_KEY": "${GEMINI_API_KEY}" } } } }
The ${GEMINI_API_KEY} syntax reads the value from your shell environment — your actual key never gets written into config files.
Edit claude_desktop_config.json:
~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.json{
"mcpServers": { "gemini-image": { "command": "npx", "args": ["-y", "@jimothy-snicket/gemini-image-mcp"], "env": { "GEMINI_API_KEY": "${GEMINI_API_KEY}" } } } }
Restart Claude Desktop after saving.
Any client that supports stdio transport works. Point it at npx -y @jimothy-snicket/gemini-image-mcp and pass GEMINI_API_KEY in the environment.
${GEMINI_API_KEY} syntax in config files references your environment — the key itself stays in your shell profile..mcp.json is in a project repo, add it to .gitignore or use the global config at ~/.claude/.mcp.json instead.All optional. The only required setup is GEMINI_API_KEY (covered above).
| Variable | Default | Description |
|---|---|---|
OUTPUT_DIR | ~/gemini-images | Default directory for saved images |
DEFAULT_MODEL | gemini-3.1-flash-lite-image | Default Gemini model |
LOG_LEVEL | info | debug, info, or error |
REQUEST_TIMEOUT_MS | 60000 | API request timeout in milliseconds |
MAX_REQUESTS_PER_HOUR | 0 (unlimited) | Max image generations per rolling hour |
MAX_COST_PER_HOUR | 0 (unlimited) | Max estimated cost (USD) per rolling hour |
SESSION_TIMEOUT_MS | 1800000 (30min) | Multi-turn session expiry |
GEMINI_IMAGE_AUTO_INSTALL | 1 (on) | Auto-install the AI matte engine on first removeBackground: { mode: "auto" } use. Set 0 to disable (then auto falls back to chroma/threshold with instructions) |
Set these the same way as GEMINI_API_KEY, or pass them in the env block of your MCP config.
Rate limiting is recommended when agents have access to this tool. An agent in a loop can generate images quickly — set MAX_REQUESTS_PER_HOUR=20 and MAX_COST_PER_HOUR=5 as sensible defaults.
Instead of environment variables, you can use a JSON config file. Create one with:
npx @jimothy-snicket/gemini-image-mcp --init
This creates ~/.gemini-image-mcp.json with all defaults and inline documentation. Edit it to set your preferences.
Priority: env vars > local config (.gemini-image-mcp.json in CWD) > global config (~/.gemini-image-mcp.json) > defaults.
You can also set per-tool defaults so every request uses your preferred settings:
{
"defaultModel": "gemini-3.1-flash-image", "defaults": { "generate": { "aspectRatio": "16:9", "resolution": "2K" }, "process": { "removeBackground": { "color": "#00FF00" }, "trim": true } } }
Per-request parameters always override config defaults.
Custom pricing. Cost estimates come from a built-in per-token rate table (there's no pricing API to fetch live). If you use a model the table doesn't know yet — or Google changes a rate before this package updates — add pricingOverrides so cost reporting stays accurate without waiting for a release:
{
"pricingOverrides": { "some-new-image-model": { "inputPerMillion": 0.5, "textOutputPerMillion": 60, "imageOutputPerMillion": 60, "thinkingPerMillion": 60 } } }
Models with no entry (built-in or override) still generate — their cost is reported as unknown rather than guessed.
generate_image| Parameter | Required | Description |
|---|---|---|
prompt | Yes | Text description or editing instruction |
images | No | Array of file paths to input/reference images |
model | No | Gemini model ID |
aspectRatio | No | 1:1, 2:3, 3:2, 3:4, 4:3, 4:5, 5:4, 9:16, 16:9, 21:9, plus 1:4, 4:1, 1:8, 8:1 (gemini-3.1-flash-image). Validated by the API. |
resolution | No | 512 (gemini-3.1-flash-image only), 1K, 2K, 4K |
outputDir | No | Override output directory for this request |
filename | No | Base name for saved file (e.g. hero-banner). Auto-versioned if duplicate. |
subfolder | No | Subfolder within output directory (e.g. landing-page) |
sessionId | No | Continue a multi-turn editing session from a previous response |
seed | No | Integer seed for reproducible generation |
grounding | No | "web" = Google Search grounding; "web+image" adds image-search results (gemini-3.1-flash-image only). See Advanced Features |
useSearchGrounding | No | Legacy alias for grounding: "web" |
thinkingLevel | No | "MINIMAL" (default) or "HIGH" — thinking depth on the gemini-3.1-flash family. See Advanced Features |
videos | No | Array of file paths to input videos for video-to-image (gemini-3.1-flash family). See Advanced Features |
removeBackground | No | Return a transparent PNG cutout. { "mode": "auto" } = local AI matte (any subject; default); { "mode": "chroma" } = green screen; { "mode": "threshold" } = white removal (line art). No extra API cost |
{
"imagePath": "/home/user/gemini-images/hero-banner.png", "mimeType": "image/png", "model": "gemini-3.1-flash-lite-image", "sessionId": "session-1711929600000-a1b2c3", "sessionTurn": 1, "usage": { "promptTokens": 5, "outputTokens": 1295, "imageTokens": 1290, "thinkingTokens": 412, "totalTokens": 1712, "estimatedCost": "$0.0390", "pricingVerifiedDate": "2026-09-16" }, "session": { "generationsThisSession": 3, "totalCostThisSession": "$0.1161", "generationsThisHour": 5, "limit": { "maxPerHour": 20, "maxCostPerHour": 5, "remainingThisHour": 15 } } }
Text-to-image:
"Generate a hero image for a SaaS landing page, modern gradient style, 16:9"
Image editing:
"Take this screenshot and redesign the header with a dark theme" (with image paths)
Iterative editing (multi-turn):
Generate an image, then call again with the returned
sessionIdand a refinement like "make it more minimal" — the prior image stays in context.
Organized output:
"Generate a hero banner" with `f
Nur der Anfang wird gezeigt; den Rest findest du im Repo