Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
OpenAI image generation MCP server for Model Context Protocol hosts
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
OPENAI_API_KEY, MCP_WORKSPACE_PATH, OPENAI_IMAGE_MODEL, OPENAI_IMAGE_REQUEST_TIMEOUT_MS, MCP_ALLOWED_SYMLINK_ROOTS, MCP_HTTP_PORTค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"openai-image": {
"command": "npx",
"args": [
"-y",
"@mindstone/mcp-server-openai-image"
],
"env": {
"OPENAI_API_KEY": "ใส่ค่าของคุณ",
"MCP_WORKSPACE_PATH": "ใส่ค่าของคุณ",
"OPENAI_IMAGE_MODEL": "ใส่ค่าของคุณ",
"OPENAI_IMAGE_REQUEST_TIMEOUT_MS": "ใส่ค่าของคุณ",
"MCP_ALLOWED_SYMLINK_ROOTS": "ใส่ค่าของคุณ",
"MCP_HTTP_PORT": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add openai-image --env OPENAI_API_KEY='ใส่ค่าของคุณ' --env MCP_WORKSPACE_PATH='ใส่ค่าของคุณ' --env OPENAI_IMAGE_MODEL='ใส่ค่าของคุณ' --env OPENAI_IMAGE_REQUEST_TIMEOUT_MS='ใส่ค่าของคุณ' --env MCP_ALLOWED_SYMLINK_ROOTS='ใส่ค่าของคุณ' --env MCP_HTTP_PORT='ใส่ค่าของคุณ' -- npx -y @mindstone/mcp-server-openai-imageเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"openai-image": {
"command": "npx",
"args": [
"-y",
"@mindstone/mcp-server-openai-image"
],
"env": {
"OPENAI_API_KEY": "ใส่ค่าของคุณ",
"MCP_WORKSPACE_PATH": "ใส่ค่าของคุณ",
"OPENAI_IMAGE_MODEL": "ใส่ค่าของคุณ",
"OPENAI_IMAGE_REQUEST_TIMEOUT_MS": "ใส่ค่าของคุณ",
"MCP_ALLOWED_SYMLINK_ROOTS": "ใส่ค่าของคุณ",
"MCP_HTTP_PORT": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"openai-image": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@mindstone/mcp-server-openai-image"
],
"env": {
"OPENAI_API_KEY": "ใส่ค่าของคุณ",
"MCP_WORKSPACE_PATH": "ใส่ค่าของคุณ",
"OPENAI_IMAGE_MODEL": "ใส่ค่าของคุณ",
"OPENAI_IMAGE_REQUEST_TIMEOUT_MS": "ใส่ค่าของคุณ",
"MCP_ALLOWED_SYMLINK_ROOTS": "ใส่ค่าของคุณ",
"MCP_HTTP_PORT": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
MCP_WORKSPACE_PATH envOPENAI_IMAGE_MODEL envOPENAI_IMAGE_REQUEST_TIMEOUT_MS envMCP_ALLOWED_SYMLINK_ROOTS envMCP_HTTP_PORT envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub mindstone ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: OPENAI_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.4.0) เข้า registry 4 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า 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.
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
OpenAI image generation MCP server — text-to-image and image edits via OpenAI's gpt-image-2.5 models, with sharp text rendering, multilingual prompts, four quality levels, and three aspect ratios.
*Workspace-sandboxed OpenAI image MCP. Generated PNGs land under MCP_WORKSPACE_PATH only, every error returns a structured recovery code, and the API key is hard-pinned to api.openai.com.*
OPENAI_API_KEY)STATUS.jsonWhen we started this connector in early 2026, OpenAI had not published an MCP server for its image-generation surface and the available community options either embedded their own download daemons or wrote generated bytes to unconstrained paths on the host. We wrote our own so that an MCP host could call generate_image and edit_image with the same sandboxing, recovery-contract, and key-handling guarantees we apply across the rest of this repository — saved PNGs land under a realpath-fenced workspace, every error is returned as a structured { ok, code, error, resolution } object, and the OpenAI API key is hard-pinned to https://api.openai.com so an attacker-controlled environment cannot redirect prompts, image bytes, or the bearer token elsewhere.
"Generate a 1024x1536 portrait of a Belgian draft horse pulling a brewery cart in soft morning light."
Tools the host calls:
generate_image — submits the prompt with size: portrait, quality: high, count: 1.Response (trimmed):
{
"ok": true, "saved_paths": [ "/Users/me/workspace/Chief-of-Staff/generated-images/20260519-1530-a1b2c3.png" ], "model": "gpt-image-2.5-sunburst", "size": "1024x1536", "quality": "high" }
On failure:
{
"ok": false, "code": "WORKSPACE_FENCE_VIOLATION", "error": "Reference image is outside your workspace and folders linked as Spaces. Path: /linked.png. Workspace: /Users/me/workspace.", "resolution": "Move or copy the file into your workspace or a folder linked as a Space, then try again." }
After clicking the button, your host will prompt you to fill: OPENAI_API_KEY, OPENAI_IMAGE_MODEL, OPENAI_IMAGE_REQUEST_TIMEOUT_MS.
Manual config for Claude Desktop / Claude Code / Goose / Continue.dev (OpenAI Image)
{
"mcpServers": { "OpenAI Image": { "command": "npx", "args": [ "-y", "@mindstone/mcp-server-openai-image" ], "env": { "OPENAI_API_KEY": "", "OPENAI_IMAGE_MODEL": "gpt-image-2.5-sunburst", "OPENAI_IMAGE_REQUEST_TIMEOUT_MS": "180000" } } } }
cd <path-to-repo>/connectors/openai-image
npm install npm run build
npx -y @mindstone/mcp-server-openai-image
node dist/index.js
OPENAI_API_KEY — OpenAI API key. Required for tool calls; if absent, the server starts in *unconfigured* mode and each tool call returns a structured NOT_CONFIGURED response instead of crashing.MCP_WORKSPACE_PATH — optional workspace path. Generated images are written under /Chief-of-Staff/generated-images/. Defaults to ~/Pictures/MCP-Generated-Images/ when unset.OPENAI_IMAGE_MODEL — optional model override. Defaults to gpt-image-2.5-sunburst. The known list now also includes gpt-image-2.6-sunburst and gpt-image-2.6-flare; gpt-image-2.5-flare is faster at the same token price. The full known list lives in src/models.ts; other values are passed through to OpenAI and log a warning.OPENAI_IMAGE_REQUEST_TIMEOUT_MS — optional override (positive integer ms, max 30 min) for the OpenAI image API timeout. Default: 180000 (3 min). Sized for quality: 'high' generation, which OpenAI documents as taking up to ~2 min for complex prompts; lower for tighter bounds.MCP_ALLOWED_SYMLINK_ROOTS — optional JSON array of absolute paths. The connector reads (and writes generated images) through in-workspace symlinks whose canonical targets land inside MCP_WORKSPACE_PATH or one of these declared roots — the same roots the host's built-in file tools trust for declared Spaces. Fail-closed: if the value is missing, empty, malformed JSON, not an array, or any entry is non-string / empty / relative, the whole value is rejected and the connector falls back to strict workspace-only containment with one structured stderr warning. Standalone OSS users omit it; Rebel's host injects it automatically from your declared Spaces.MCP_HTTP_PORT — optional. When set, the server speaks MCP over HTTP on this port bound to 127.0.0.1 (loopback only, non-loopback Host headers are rejected) instead of stdio. Intended for host-managed local deployments; stdio hosts omit it.{
"mcpServers": { "OpenAIImage": { "command": "npx", "args": ["-y", "@mindstone/mcp-server-openai-image"], "env": { "OPENAI_API_KEY": "your-openai-api-key" } } } }
Use the catalog entry in Rebel's connector picker. Rebel injects OPENAI_API_KEY from your configured provider keys and points MCP_WORKSPACE_PATH at your active workspace.
{
"mcpServers": { "OpenAIImage": { "command": "node", "args": [" /connectors/openai-image/dist/index.js"], "env": { "OPENAI_API_KEY": "your-openai-api-key", "MCP_WORKSPACE_PATH": "/absolute/path/to/workspace" } } } }
generate_imageInputs:
prompt (string, required) — text description of the image to generate.size (square | portrait | landscape, optional) — 1024x1024, 1024x1536, 1536x1024.quality (low | medium | high | auto, optional) — defaults to high. Medium is usually about 10-20 seconds and $0.01-0.02; high usually takes 20-60 seconds and costs about $0.05-0.08 (measured on gpt-image-2.5). Lower quality is dramatically cheaper.count (integer 1–8, optional) — defaults to 1. Cost scales linearly with count.moderation (auto | low, optional) — content moderation strictness, defaults to auto. low weakens OpenAI's content filtering on your account and is passed through like any other tool input; invocation gating is the host's tool-approval layer's job.output_format (png | jpeg | webp, optional) — output file format, defaults to png. The saved filename extension and inline preview MIME type follow the chosen format (.png / .jpg / .webp).output_compression (integer 0–100, optional) — compression level; only valid with jpeg or webp output. Combining it with png fails fast with a structured INVALID_INPUT error before any API call.background (transparent | opaque | auto, optional) — background style. transparent produces a cutout with an alpha channel and requires png/webp output plus a transparency-capable model. Both gpt-image-2.5 models (the default included) support it; gpt-image-2 and its dated snapshots reject transparent backgrounds upstream, so with that override the tool fails fast with INVALID_INPUT and a resolution pointing at OPENAI_IMAGE_MODEL=gpt-image-2.5-sunburst. Unknown model overrides are passed through to upstream validation, matching the connector's existing OPENAI_IMAGE_MODEL philosophy.Returns a text content block with the saved path(s) plus up to 5 inline image content blocks. On failure, returns a structured { ok: false, code, error, resolution } response. The tool is annotated destructiveHint: true, openWorldHint: true, idempotentHint: false.
edit_imageInputs:
prompt (string, required) — what to change about the input images.image_paths (array of 1–4 absolute file paths, required) — source images. Each path is validated: it must resolve lexically inside MCP_WORKSPACE_PATH, and its canonical realpath must land inside the canonical workspace or one of the declared roots in MCP_ALLOWED_SYMLINK_ROOTS (matching the host's built-in file-tool containment). Paths outside both are rejected with WORKSPACE_FENCE_VIOLATION before any read.mask_path (PNG path, optional) — alpha-channel mask indicating which area to edit.size, quality, count, moderation, output_format, output_compression, background — same shape as generate_image.Returns the same content shape as generate_image. Same destructiveHint / openWorldHint / idempotentHint annotations.
Every tool error is returned as structured JSON with these fields:
{
"ok": false, "code": "NOT_CONFIGURED | INVALID_API_KEY | RATE_LIMITED | CONTENT_POLICY | WORKSPACE_FENCE_VIOLATION | MODEL_UNAVAILABLE | NETWORK_ERROR | TIMEOUT | WRITE_FAILED | INVALID_INPUT | INVALID_IMAGE_DATA", "error": "Human-readable message", "resolution": "Concrete next step for the operator" }
The structured shape lets agentic hosts route to recovery flows rather than surfacing raw exception text.
edit_image.image_paths, edit_image.mask_path) pass through a two-gate fence before any read: a lexical workspace pre-gate (the path must resolve lexically inside MCP_WORKSPACE_PATH), then a canonical containment gate (the path's realpath must land inside the canonical workspace or one of the declared roots in MCP_ALLOWED_SYMLINK_ROOTS, judged by path.relative segment semantics — never startsWith). Paths outside both are rejected with WORKSPACE_FENCE_VIOLATION to prevent symlink-escape and traversal. The same containmentตัดมาแค่ช่วงต้น อ่านต่อใน repo