Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
MCP server for image generation using multiple providers (Google Gemini, OpenAI, BFL FLUX)
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"imagenate": {
"command": "npx",
"args": [
"-y",
"mcp-imagenate"
]
}
}
}ターミナルでこれを実行します
claude mcp add imagenate -- npx -y mcp-imagenateプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"imagenate": {
"command": "npx",
"args": [
"-y",
"mcp-imagenate"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"imagenate": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"mcp-imagenate"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月8日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント mimo-3 で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.1.5)がレジストリに届いたのは8 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには: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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
An MCP server for image generation using multiple providers: Google Gemini, OpenAI (gpt-image), BFL FLUX, and Reve — plus short video clips through Google Gemini Omni.
| Name | Model ID | Best for |
|---|---|---|
nano-banana-2 | gemini-3.1-flash-image-preview | Fast, high-volume generation |
nano-banana-2.1 | gemini-nano-banana-2.1 | Successor to Nano Banana 2 (1K/2K/4K only) |
nano-banana-pro | gemini-3-pro-image-preview | Highest quality output |
| Name | Model ID | Best for |
|---|---|---|
gemini-omni-1.2-flash | gemini-omni-1.2-flash | The default here; 3–15 s clips with audio, about $0.07/s at 720p (30% less than 1.1) |
gemini-omni-1.1-flash | gemini-omni-1.1-flash | Previous generation; 3–10 s clips with audio, legible on-screen text |
Uses the same GEMINI_API_KEY. Exposed through a separate generate_video tool — see Tool: generate_video.
| Name | Model ID | Best for |
|---|---|---|
gpt-image-2.6-flare | gpt-image-2.6-flare | Fast generation. The default here |
gpt-image-2.6-sunburst | gpt-image-2.6-sunburst | Fine detail and precise edits |
gpt-image-2.5-flare | gpt-image-2.5-flare | Previous generation, fast generation |
gpt-image-2.5-sunburst | gpt-image-2.5-sunburst | Previous generation, precise edits |
gpt-image-2 | gpt-image-2 | Previous generation |
At low and medium quality, 2.6 uses about 3–4 times the image output tokens and costs about 3–4 times as much as 2.5; at high quality, costs are similar.
These are the only models here that can return a transparent background — see Transparent backgrounds.
| Name | Model ID | Best for |
|---|---|---|
flux-2-klein | klein-4b | Fast, lightweight generation |
flux-2-pro | pro-preview | Balanced quality and speed |
flux-2-max | max | Maximum quality |
| Name | Version | Best for |
|---|---|---|
reve-image | latest | Typography and layout fidelity |
This provider calls Reve's v2/image/create endpoint. latest is the only version alias v2 exposes, and it is what the response reports back, so there is no dated build to pin to. Do not confuse it with the v1 endpoints, which still serve the older reve-create@20250915 model.
Things worth knowing before sending Reve a prompt written for another provider:
resolution is ignored — Reve has no size parameter and returns its own large output. Exact dimensions vary between requests: 16:9 came back as both 5408x3072 and 5376x3072, and 3:4 as 3456x4800.inputImages become v2 references. Reve accepts at most eight; a longer list is rejected before any of the files are read.npx mcp-imagenate
Or install globally:
npm install -g mcp-imagenate
Set API keys for the providers you want to use:
# Google Gemini (at least one)
export GEMINI_API_KEY=your_key_here
export NANO_BANANA_API_KEY=your_key_here
export OPENAI_API_KEY=your_key_here
export GPT_IMAGE_API_KEY=your_key_here
export BFL_API_KEY=your_key_here
export REVE_API_KEY=your_key_here
export REVE_API_TOKEN=your_key_here
Add to your claude_desktop_config.json:
{
"mcpServers": { "mcp-imagenate": { "command": "npx", "args": ["mcp-imagenate"], "env": { "GEMINI_API_KEY": "your_key_here", "NANO_BANANA_OUTPUT_DIR": "/path/to/image/output" } } } }
| Variable | Required | Description |
|---|---|---|
GEMINI_API_KEY | \* | Google AI Studio API key |
NANO_BANANA_API_KEY | \* | Alternative to GEMINI_API_KEY (takes precedence) |
OPENAI_API_KEY | \* | OpenAI API key |
GPT_IMAGE_API_KEY | \* | Alternative to OPENAI_API_KEY (takes precedence) |
BFL_API_KEY | \* | BFL FLUX API key |
REVE_API_KEY | \* | Reve partner API token (from the API console at api.reve.com) |
REVE_API_TOKEN | \* | Alternative to REVE_API_KEY (REVE_API_KEY takes precedence) |
NANO_BANANA_OUTPUT_DIR | No | Base directory for saved images. When set, all output and input paths are sandboxed within this directory. Recommended for production. |
\* At least one provider API key must be set.
generate_image| Parameter | Type | Default | Description | ||
|---|---|---|---|---|---|
prompt | string (1-32,000 chars) | - | Text prompt describing the image | ||
model | see Models above | "gpt-image-2.6-flare" | Model to use (available models depend on configured API keys) | ||
resolution | "1K" \ | "2K" \ | "4K" | "1K" | Output image resolution |
aspectRatio | see below | "1:1" | Aspect ratio of the image | ||
mode | "image" \ | "image_and_text" | "image" | Return image only, or image with description (Google models only) | |
background | "auto" \ | "transparent" \ | "opaque" | "auto" | What the image sits on. "transparent" needs a gpt-image model — see below |
thinking | "none" \ | "auto" | "auto" | Controls model thinking (Google models only) | |
outputDir | string | "." | Directory where images will be saved | ||
inputImages | string[] | - | File paths of images to send alongside the prompt (Google models, OpenAI gpt-image models via the images.edit endpoint, and Reve via v2 references) |
1:1, 2:3, 3:2, 3:4, 4:3, 9:16, 16:9, 21:9
background: "transparent" saves a PNG with an alpha channel, which is useful for cutting out a subject to place on a slide or over another image.
Only the OpenAI gpt-image models can do this. Asking any other model (nano-banana-*, flux-2-*, reve-image) for a transparent background fails with an error rather than quietly returning an opaque image — the request is rejected before it is sent, so nothing is spent on it. Writing "transparent background" into the prompt does not help either: those providers have no transparency mode at all.
"opaque" forces a filled background on every provider that reads the field, and "auto" — the default — leaves the choice to the model, which is what this server has always done.
Returns a JSON object:
{
"model": "gemini-3.1-flash-image-preview", "savedFiles": ["/path/to/image-1.png"], "settings": { "resolution": "1K", "aspectRatio": "9:16", "mode": "image", "background": "auto" }, "description": "..." }
descriptionis only present whenmodeis"image_and_text".
generate_videoAvailable when a Google key is configured. Generates one clip with audio and saves it as an mp4.
| Parameter | Type | Default | Description | |||
|---|---|---|---|---|---|---|
prompt | string (1-32,000 chars) | - | Subject, motion, camera, and any on-screen text spelled out exactly | |||
model | "gemini-omni-1.2-flash" \ | "gemini-omni-1.1-flash" | "gemini-omni-1.2-flash" | Video model to use | ||
durationSeconds | integer 3–15 | 5 | Clip length (up to 10 for 1.1). Cost scales with the second, and so does generation time (roughly 1 min for 5 s, 2 min for 10 s) | |||
resolution | "360p" \ | "720p" \ | "1080p" \ | "4k" | "720p" | Playback resolution. 360p is the cheapest and fastest; 1080p and 4k are upscaled from 720p |
aspectRatio | "16:9" \ | "9:16" | "16:9" | Landscape or portrait | ||
outputDir | string | "." | Directory where the clip will be saved (same sandboxing as generate_image) |
| inputImages | string[] | - | Reference images sent ahead of the prompt: a first
冒頭だけを表示しています。続きはリポジトリで読めます