Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
MCP server for Grok image generation and editing
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ผู้ทำยังไม่ได้ใส่วิธีติดตั้งใน registry ให้ดู README ของผู้ทำด้านล่าง
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub codeChap ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.0) เข้า registry 4 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code
ในหมวดเดียวกันมี 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
An MCP (Model Context Protocol) server for xAI's Grok image generation API. Built in Rust, exposes image generation and editing as MCP tools.
Communicates via stdio using JSON-RPC 2.0, like all MCP servers.
| Tool | Description |
|---|---|
generate_image | Generate an image from a text prompt |
edit_image | Edit an existing image using natural language instructions |
headshot | Corporate headshot from a source portrait (pad to 3:2 + fixed edit prompt) |
list_styles | List available image styles for use with generate_image |
Generate an image from a text description.
Parameters:
| Name | Type | Required | Description |
|---|---|---|---|
prompt | string | yes | Text description of the desired image |
model | string | no | Model to use (default: grok-imagine-image-2.0) |
n | integer | no | Number of images to generate (1-10, default 1) |
aspect_ratio | string | no | Aspect ratio: 1:1, 16:9, 9:16, 4:3, 3:4, 3:2, 2:3, 2:1, 1:2, 19.5:9, 9:19.5, 20:9, 9:20, 21:9, 5:2, auto |
resolution | string | no | Output resolution: 1k (~1024px, default) or 2k (~2048px) |
quality | string | no | low, medium, or auto (2.0 only; omitted = auto. Auto currently serves low for generation) |
response_format | string | no | Output format: url (default, temporary) or b64_json |
style | string | no | Style name to apply (use list_styles to see options) |
When a style is set, the prompt is wrapped in the style's template. For example, with style: "watercolor" and prompt: "a cat on a roof", the API receives "a cat on a roof, as a watercolor painting". Avoid including style language in the prompt itself when using this parameter.
The response includes the resolved prompt so you can see exactly what was sent to the API.
Edit an existing image using natural language instructions.
Parameters:
| Name | Type | Required | Description |
|---|---|---|---|
image_url | string | no* | URL, base64 data URI, or local file path of the source image. Mutually exclusive with images. |
images | string[] | no* | Up to 5 source images for multi-image editing. Reference them in the prompt as , , … |
prompt | string | yes | Natural language edit instructions |
model | string | no | Model to use (default: grok-imagine-image-2.0) |
n | integer | no | Number of variations to generate (1-10, default 1) |
aspect_ratio | string | no | Same set as generate_image, including 21:9 and 5:2 |
resolution | string | no | Output resolution: 1k (~1024px, default) or 2k (~2048px) |
quality | string | no | low, medium, or auto (2.0 only; omitted = auto. Auto currently serves medium for editing) |
response_format | string | no | Output format: url (default, temporary) or b64_json |
\* Provide either image_url or images.
Note: The style parameter is intentionally not available on edit_image -- edit prompts are instructions (e.g. "remove the background"), not descriptions, so wrapping them in style templates would produce nonsense.
Expand-only portrait fix (Gemini pipeline equivalent on Imagine). Does not reframe pose, cut out hair, or redesign the person.
No cutout / no rembg / no transparent alpha — same job as the original Gemini headshot skill.
Parameters:
| Name | Type | Required | Description |
|---|---|---|---|
image | string | yes | Local path, http(s) URL, or data: URI |
clothing | string | no | For missing-shoulder fill only |
notes | string | no | Must-preserve details (glasses, exact logo text, …) |
pronoun | string | no | his / her / their (default their) |
gravity | string | no | Letterbox gravity (North default) |
content_width | integer | no | Resize width before pad (default 550) |
canvas_width | integer | no | Padded width (default 780) |
resolution | string | no | 1k or 2k (default 2k) |
output_path | string | no | Optional final path (also under save_dir) |
n | integer | no | Variations (1–10, default 1) |
quality | string | no | low / medium / auto (default `medium`) |
model | string | no | Default `grok-imagine-image-2.0` |
Padded intermediate: save_dir/headshot-padded_*.jpg.
Returns all available image styles with their name, description, and prompt template. No parameters.
| Style | Description |
|---|---|
watercolor | Watercolor painting style |
oil-painting | Oil painting with visible brushstrokes |
pencil-sketch | Detailed pencil sketch |
pixel-art | Retro pixel art |
anime | Anime style illustration |
pop-art | Bold pop art style |
art-nouveau | Art nouveau with flowing organic lines |
cinematic | Cinematic photography with dramatic lighting |
portrait | Professional portrait photography |
macro | Extreme macro photography |
aerial | Aerial drone photography |
studio | Studio photography on clean background |
noir | Dark film noir style |
vintage | Faded vintage photograph |
| Model | Notes |
|---|---|
grok-imagine-image-2.0 (default) | Optional quality (low / medium / auto), up to 5 edit references, 21:9 and 5:2. Auto currently serves low for generation and medium for editing. |
grok-imagine-image | 1.0. Still available; no quality param. |
grok-imagine-image-quality | Retires 2026-11-02. After that the slug is served by grok-imagine-image-2.0 at quality: low ($0.01 less per image than the quality model). |
Create the config file:
mkdir -p ~/.config/mcp-server-grok-image
Create ~/.config/mcp-server-grok-image/config.toml:
api_key = "xai-..."
Add custom styles to your config file. Custom styles with the same name as a built-in will override it.
api_key = "xai-..."
[[styles]] name = "my-style" description = "My custom look" template = "{prompt}, in my custom style"
[[styles]] name = "watercolor" description = "My watercolor variant" template = "{prompt}, as a loose expressive watercolor with ink outlines"
Templates must contain the {prompt} placeholder. Any custom style missing it will be skipped with a warning at startup.
cargo build --release
This produces target/release/mcp-server-grok-image.
For development:
cargo build # debug build
cargo run # run in dev mode RUST_LOG=debug cargo run # run with debug logging
Add to your Claude Desktop config (~/.config/Claude/claude_desktop_config.json):
{
"mcpServers": { "grok-image": { "command": "/path/to/mcp-server-grok-image" } } }
src/
main.rs process entry (stdio MCP) config.rs TOML / env config styles.rs built-in + custom styles grok.rs xAI request/response types params.rs MCP tool params + validation image_io.rs data URIs, local files, mime, fetch headshot.rs letterbox pad + expand prompt server.rs MCP tools and Grok HTTP
MIT