Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Ideogram platform MCP (api v2): 18 image models, price quotes, async generations, raw call
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
IDEOGRAM_API_KEY, IDEOGRAM_OUTPUT_DIRค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"ideogram": {
"command": "npx",
"args": [
"-y",
"@qmediat.io/ideogram-mcp"
],
"env": {
"IDEOGRAM_API_KEY": "ใส่ค่าของคุณ",
"IDEOGRAM_OUTPUT_DIR": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add ideogram --env IDEOGRAM_API_KEY='ใส่ค่าของคุณ' --env IDEOGRAM_OUTPUT_DIR='ใส่ค่าของคุณ' -- npx -y @qmediat.io/ideogram-mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"ideogram": {
"command": "npx",
"args": [
"-y",
"@qmediat.io/ideogram-mcp"
],
"env": {
"IDEOGRAM_API_KEY": "ใส่ค่าของคุณ",
"IDEOGRAM_OUTPUT_DIR": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"ideogram": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@qmediat.io/ideogram-mcp"
],
"env": {
"IDEOGRAM_API_KEY": "ใส่ค่าของคุณ",
"IDEOGRAM_OUTPUT_DIR": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
IDEOGRAM_OUTPUT_DIR envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub qmediat ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: IDEOGRAM_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (2.0.0) เข้า registry 26 วันที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
MCP server for the Ideogram platform through its v2 API: every image and video model Ideogram sells through one API key — Ideogram 4.5, 4.0, 3.0, 2a and 2.0, GPT Image, Nano Banana, P-Image, Z-Image, the Topaz upscalers; Seedance 2.5 and 2, Kling 3, MiniMax H3 for video — for generate, precise edit, inpaint, remix, reframe, replace background, remove background, remove object, upscale, describe, layerize and video (from a prompt, an image or references), the commercial tools (ad localizer, resizer and variations, colorways, ghost mannequin, material swap, model pose variants, sketch to render), the utilities (magic prompt, layerize logos, provenance, snap mask), plus the account's usage, invoices and keys and custom-model training, from Claude Code, Claude Desktop or any MCP client over stdio. Every call can be priced first (the API's own dry run), long jobs are returned by id and collected later, and any other operation the release serves is one validated raw call away. Built from Ideogram's OpenAPI specification (ADR-0001).
model on every tool, with each model's own fields (a field the model does not take is refused, naming the models that do). The model lists and fields come from Ideogram's specification, so a new model is a reviewed snapshot update, not a rewriteideogram_quote asks the API what exactly this call would cost (USD and credits; nothing generated or billed)private sends it as true unless you set it (on remove background, replace background and the auto models the API's own default is your plan's setting); a model without the field (reframe with Ideogram 3.0, remove object) follows the API's own behaviour, and ideogram_api sends what you give itwait_s and otherwise hands back the generation_id for ideogram_generation. A request is resent only when it never left the machine or got a 429ideogram_operations lists what the API offers; ideogram_api calls any served operation by id, checked against its own schema first@modelcontextprotocol/sdk + zod; native fetchRequires Node.js 22 or newer and an IDEOGRAM_API_KEY — create one in Ideogram's API dashboard at ideogram.ai/platform → API Keys → Create key (setup guide).
claude mcp add --scope user ideogram -e IDEOGRAM_API_KEY=your-api-key -e IDEOGRAM_OUTPUT_DIR=/tmp/ideogram-output -- npx -y @qmediat.io/ideogram-mcp
or by hand (below). npm install -g @qmediat.io/ideogram-mcp installs the ideogram-mcp command, which can replace the npx line in any config.
Add to ~/.claude.json → mcpServers:
{
"ideogram": { "command": "npx", "args": ["-y", "@qmediat.io/ideogram-mcp"], "env": { "IDEOGRAM_API_KEY": "your-api-key", "IDEOGRAM_OUTPUT_DIR": "/tmp/ideogram-output" } } }
Add to claude_desktop_config.json:
{
"mcpServers": { "ideogram": { "command": "npx", "args": ["-y", "@qmediat.io/ideogram-mcp"], "env": { "IDEOGRAM_API_KEY": "your-api-key", "IDEOGRAM_OUTPUT_DIR": "/tmp/ideogram-output" } } } }
| Variable | Required | Default | Description |
|---|---|---|---|
IDEOGRAM_API_KEY | Yes | — | Your Ideogram API key (ideogram.ai/platform → API Keys) |
IDEOGRAM_OUTPUT_DIR | No | /tmp/ideogram-output | Any folder where you want images saved. Use absolute paths (e.g. /home/user/images/ideogram) |
| Tool | What it does | Models |
|---|---|---|
ideogram_generate | Images from a text prompt | ideogram-3 (default), ideogram-4-5, ideogram-4, ideogram-3-character, ideogram-3-custom-model, ideogram-4-custom-model, ideogram-3-transparent, ideogram-4-transparent, ideogram-2a, ideogram-2, gpt-image-2, gpt-image-2-5-flare, gpt-image-2-5-sunburst, nano-banana-2, nano-banana-pro, p-image-ideogram, z-image, auto |
ideogram_precise_edit | Edit an image at its exact size: a prompt, an optional mask (black = edit), up to 4 reference images, context_window to confine the edit | ideogram-4-5 |
ideogram_inpaint | Repaint the masked part of an image (black = repaint) | ideogram-3 (default), ideogram-3-character, ideogram-3-custom-model |
ideogram_edit | The 1.x name of ideogram_inpaint (kept through 2.x) | as inpaint |
ideogram_remix | New images from a source image and a prompt | ideogram-3 (default), ideogram-3-character, ideogram-3-custom-model, ideogram-4, auto |
ideogram_reframe | Extend an image to a new size (outpainting) | ideogram-3 (default), nano-banana-2 |
ideogram_replace_background | A new background, the subject kept | ideogram-3 (default), gpt-image-2 |
ideogram_remove_background | The foreground as a transparent PNG | ideogram-1 |
ideogram_remove_object | Remove what the mask marks (white = remove) and fill the gap | ideogram-1 |
ideogram_upscale | Enlarge an image | auto (default), topaz-bloom-2, topaz-redefine, topaz-standard-2, topaz-text-refine, topaz-wonder-3-5, nano-banana-pro |
ideogram_describe | Describe an image: words (ideogram-3, default) or a structured JSON prompt (ideogram-4) | ideogram-3, ideogram-4 |
ideogram_video_text | A video from a prompt: duration, aspect ratio, resolution, audio per model; saved as mp4 (give duration: omitted, Seedance is quoted at its maximum length) | seedance-2-5-text-to-video (default), seedance-2-text-to-video, kling-3-standard-text-to-video, minimax-h3-text-to-video |
ideogram_video_image | A video from a start image (and an end image): files, URLs or assets | seedance-2-5-image-to-video (default), seedance-2-image-to-video, kling-3-standard-image-to-video, minimax-h3-image-to-video |
ideogram_video_reference | A video guided by reference images, MP3/WAV clips (2-30 s on Seedance 2.5, 2-15 s elsewhere) and videos stored with Ideogram, in prompt order; at least one reference image or video | seedance-2-5-reference-to-video (default), seedance-2-reference-to-video, minimax-h3-reference-to-video |
ideogram_layerize | A flat image as an editable design: the text-free base image (saved) and the detected text blocks (JSON: text, position, font, size, colour); optional font_candidate_files (.ttf, .otf, .woff, .woff2) to match against | ideogram-3 |
ideogram_ad_localizer | Translate an ad's copy into one language, keeping layout, logos and product; exact_copy pins wordings | one operation (post_ad_localizer) |
ideogram_ad_resizer | Reframe an ad to a platform's exact ad size inside its safe zone | one operation (post_ad_resizer) |
ideogram_ad_variations | Vary an ad along one axis: people, setting, group_size or scene | one operation (post_ad_variations) |
ideogram_colorways | Recolor a product photo: up to 4 masks paired with hex colours | one operation (post_colorways) |
ideogram_ghost_mannequin | A garment on an invisible mannequin from its photos, in the view asked | one operation (post_ghost_mannequin) |
ideogram_material_swap | Apply reference materials to the masked regions of a product photo | one operation (post_material_swap) |
ideogram_model_pose_variants | Re-pose the model of a fashion image by instruction | one operation (post_model_pose_variants) |
ideogram_sketch_to_render | Render a fashion sketch as a product photo | one operation (post_sketch_to_render) |
ideogram_magic_prompt | Rewrite a prompt into an Ideogram 4.0 structured JSON prompt (nothing generated) | one operation (post_magic_prompt_v4) |
ideogram_layerize_logos | Detect and remove reference logos from a flat design: the base image saved, the layers listed | one operation (post_layerize_logos) |
ideogram_provenance | Check whether an image was created by Ideogram (free) | one operation (post_provenance_verify) |
ideogram_snap_mask | Snap a hand-drawn mask to the object it marks; the PNG saved | one operation (post_snap_mask) |
ideogram_quote | The price of a call: {"tool": "ideogram_generate", "arguments": {…}} | every operation that offers a dry run (not describe, ad variations, pose variants, sketch to render, nor the v1 utilities) |
ideogram_generation | Collect a generation by generation_id — its images or its video | — |
ideogram_usage | Billed usage as Ideogram reports it: buckets of line items summed per product and currency, the buckets handed on (the shape ai-cost reads); default the last 7 days by day | — |
ideogram_invoices | The organization's invoices with their line items (organization-admin key) | — |
ideogram_api_keys | The organization's API keys, redacted (organization-admin key) | — |
ideogram_datasets | Your training datasets: the list (searched by name) or one with its files and models | — |
ideogram_dataset_upload | Images, .txt captions and .zip archives into a dataset (an existing one, or a new one from a name); local paths or public https URLs | — |
ideogram_train | Train a custom model from a dataset of 15–100 images; hyperparameters route to the advanced operation | ideogram-4 (default), ideogram-3 |
ideogram_models | Your custom models and the shared ones, or one with its training runs; a completed model's custom_model_uri generates through ideogram_generate | — |
ideogram_operations | What the API offers: families, operations, fields, limits | — |
ideogram_api | Any served operation by id, including the ones the documentation index does not list (the reframe models auto, bria-expand, gpt-image-2-5-flare, nano-banana-pro) | — |
Each model's fields are listed in the tool's schema (one variant per model) and in docs/API-REFERENCE.md, generated from the specification. Image inputs are local file paths or public https URLs (or Ide
ตัดมาแค่ช่วงต้น อ่านต่อใน repo