Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
On-brand creative studio for AI agents: images, video, audio, and 3D.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://app.creativeclaw.co/mcpพิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http creative-claw https://app.creativeclaw.co/mcpวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"creative-claw": {
"url": "https://app.creativeclaw.co/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"creative-claw": {
"type": "http",
"url": "https://app.creativeclaw.co/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://app.creativeclaw.co/mcpชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน creativeclaw.co แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.0) เข้า registry 7 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Generate on-brand media inside ChatGPT, Codex, Claude, Cursor, Grok Bot, Hermes, and OpenClaw.
Creative Claw is an MCP plugin that brings a full AI media studio into Grok Bot, Hermes Agent, OpenClaw, Cursor, Claude Code, Claude Desktop, ChatGPT, and Codex. Generate images, video, and expressive speech; reuse Characters and brand assets; and produce product campaigns, UGC ads, and multi-shot Films through one account. No API keys and no platform switching.
creativeclaw.co | Install in ChatGPT | ChatGPT guides | Pricing |
ChatGPT has no built-in video generation since OpenAI discontinued Sora. Creative Claw adds it back as a plugin: install it from the ChatGPT plugin directory, sign in, and ask for what you need in plain language. It renders video with Seedance 2.5, Gemini Omni, and MiniMax H3 Max, images with Nano Banana 2, and voiceovers with ElevenLabs or Cartesia, including a clone of your own voice.
What people make with it, with real costs from our published examples:
| What | Cost | Guide |
|---|---|---|
| Animate a still image into a 5-second 1080p clip | 146 credits ($1.46) | Animate an image |
| 15-second vertical product ad with 3 shots, voiceover, and captions | 461 credits ($4.61) | Product video ads |
| UGC-style ad with a talking presenter holding your product | 294 credits ($2.94) | UGC video ads |
| Four-scene short film with the same character in every scene | 569 credits ($5.69) | Multi-scene films |
| On-brand Instagram posts, Story, and an 8-second Reel | 288 credits ($2.88) | Social media content |
| Product photo set plus a product video from one image | 288 credits ($2.88) | Product photos |
| Clone your voice and narrate in 40+ languages | Clone is free; a 15-second voiceover is a few credits | Clone your voice |
| Weekly posts and a Reel from a ChatGPT dot | 256 credits ($2.56) a week | ChatGPT dots |
Short video walkthroughs of each are on YouTube.
One connection to Creative Claw's MCP server gives the skills live model discovery plus media generation, editing, brand, asset, Character, Film, and feedback tools:
| Category | Tools |
|---|---|
| Image | generate_image (generate, edit, or repeat across models for comparison), load_image |
| Video | generate_video, check_job |
| Speech | generate_speech, design_voice, clone_voice, transcribe, isolate_audio |
| Media editing | remove_background, upscale_image, upscale_video (older clients: upscale_media), trim_video, cut_and_reframe_video, scale_video, add_subtitles, extract_frames, merge_media, add_audio_to_video, overlay_images, stitch_clips |
| Models | list_models, get_model_params, search_examples |
| Assets | search_assets, update_asset, delete_asset, upload_asset, import_media, get_upload_url, confirm_upload |
| Brand themes | get_theme, list_themes, update_theme |
| Characters | create_character, update_character, delete_character, list_characters |
| Films | create_film_project, update_film_project, get_film_project, list_film_projects, assemble_film |
| Feedback | submit_feedback |
| Cost and account | estimate_generation, manage_account; get_credits_balance where the client exposes it |
Current image, video, speech, music, and sound-effect models (Nano Banana 2, GPT Image 2.5, Seedream 5 Pro, Seedance 2.5, Gemini Omni, MiniMax H3 Max, ElevenLabs, Cartesia, and more) through one account with pay-as-you-go pricing. The live catalog comes from list_models.
The creativeclaw root skill routes mixed or unclear requests, account questions, and the curated examples catalog. Sixteen focused outcome skills own image, video, voice, music, and sound-effect generation; Characters and avatars; planning, Films, product photoshoots, and UGC ads; editing existing media (cuts, reframing, captions, audio, intros and outros); long-video Reels; explicit HTML rendering; and feedback. Model guides are packaged as references inside the outcome skills that use them; there are no per-model skills.
Every OpenAI skill declares the ChatGPT MCP dependency at https://app.creativeclaw.co/mcp/chatgpt, matching the endpoint configured in the plugin draft. A focused skill can therefore activate directly without losing access to Creative Claw's tools.
Default to Gemini 3.1 Flash (Nano Banana 2) for most image generation and editing. It is the most cost-efficient recommendation overall, balancing quality, speed, and cost; use a specialist model only when its specific strength matters.
| Model | Creative Claw ID | Best use |
|---|---|---|
| Nano Banana 2 | image/nano-banana-2 | Default and cost-efficient choice for most generation and editing |
| GPT Image 2.5 Flare | image/gpt-image-2.5-flare | Fast, high-quality everyday OpenAI image generation and editing |
| GPT Image 2.5 Sunburst | image/gpt-image-2.5-sunburst | Complex professional assets, typography, transparency, and tightly controlled edits |
| Seedream 5 Pro | image/seedream-5-pro | Premium product, fashion, and commercial imagery |
| Model | Creative Claw ID | Best use |
|---|---|---|
| Gemini Omni | video/gemini-omni-flash | Default general video, native audio, references, and source-video work |
| Seedance 2.5 | video/seedance-2.5 | Premium cinematic, longer, reference-rich work; 480p for cheaper previews |
| MiniMax H3 Max | video/minimax-h3-max | Fast cinematic native-audio clips and multimodal references |
| H3 Max Fast | video/minimax-h3-max-turbo | Cheap, fast drafts and iteration |
Use speech/elevenlabs-v4 by default for narration, dialogue, emotional delivery, and multilingual speech. Use speech/xai-tts when its 28 built-in voices, exact inline/wrapping performance tags, or G.711 telephony output are the better fit. Creative Claw can also design a new synthetic voice from a description, or clone a consenting speaker's voice onto a Character (Cartesia by default, ElevenLabs on request). Change the voice in an existing recording with speech/cartesia-voice-changer.
Use list_models and get_model_params at runtime rather than assuming a fixed catalog or reference limit.
Creative Claw is packaged for the Cursor Marketplace used by Grok Bot's plugin system. After marketplace approval, open Settings → Plugins → Marketplace in Grok Bot or Customize → Plugins in Cursor, search for Creative Claw, install it, and complete browser authentication on the first tool call.
For local Cursor testing before publication, symlink the plugin directory and reload Cursor:
ln -s /path/to/creative-claw-marketplace/plugins/creative-claw ~/.cursor/plugins/local/creative-claw
Hermes supports the Creative Claw hosted MCP directly. Run:
hermes mcp add creative-claw --url https://app.creativeclaw.co/mcp --auth oauth
hermes mcp login creative-claw
Or use the one-click Add to Hermes link on a machine with Hermes installed. The portable plugin.json and mcp.json in the plugin root also make the package compatible with Agent Plugins v1 clients. Until Hermes supports OAuth login for plugin-supplied MCP entries, the two hermes mcp commands above are the reliable installation path.
Creative Claw includes a native OpenClaw manifest, the consolidated skill, and ClawHub package metadata. Once the package is published to ClawHub, install it with:
openclaw plugins install clawhub:@creativeclaw/plugin
openclaw plugins enable creative-claw openclaw mcp login creative-claw openclaw gateway restart
The first login opens Creative Claw's OAuth flow; no API key needs to be copied into a config file.
npx skills)The canonical cross-client skill remains in the standard repository layout, so skill-directory users can install it directly:
npx skills add CreativeClawCo/creative-claw-marketplace
The OpenAI Store installs the shared ChatGPT/Codex plugin and skill bundle separately; Store users do not need this command.
# 1. Add the marketplace
claude plugin marketplace add CreativeClawCo/creative-claw-marketplace
claude plugin install creative-claw@creative-claw-marketplace
That's it. The plugin connects to Creative Claw's MCP server and installs the consolidated creativeclaw workflow skill.
Add to your MCP config (claude_desktop_config.json):
{
"mcpServers": { "creative-claw": { "type": "http", "url": "https://app.creativeclaw.co/mcp" } } }
No API keys needed — auth is handled via Clerk OAuth on first connection.
The glama-mcp/ directory provides a lightweight stdio MCP wrapper for Glama.ai directory compatibility. This wrapper exposes 9 core tool descriptions for discovery (how_to_connect, generate_image, generate_video, generate_speech, list_models, get_model_params, check_job, list_characters, get_credits_balance) that guide users to connect to the full production MCP server at https://app.creativeclaw.co/mcp.
The Glama wrapper does not perform actual generation—it serves as a directory entry point. To use Creative Claw's full generation capabilities, connect to the production HTTP MCP server as described above.
Run locally:
cd glama-mcp && npm install && npm start
Build Docker image:
docker build -t creative-claw-glama .
docker run -i creative-claw-glama
Talk to the host naturally:
"Generate a product photo of my headphones on a marble surface, golden hour lighting"
-> creativeclaw routes to its image workflow, picks the model, and generates
"Make a 15-second cinematic video of coffee being poured in slow motion" -> creativeclaw routes to its video workflow, generates a reference image, then the video
"Edit this image — change the background to a beach sunse
ตัดมาแค่ช่วงต้น อ่านต่อใน repo