Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
AI photo, video and song apps plus image, video and music generation on Tanvo (tanvo.ai).
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
TANVO_API_KEY, TANVO_OUTPUT_DIRค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"tanvo": {
"command": "npx",
"args": [
"-y",
"tanvo-mcp"
],
"env": {
"TANVO_API_KEY": "ใส่ค่าของคุณ",
"TANVO_OUTPUT_DIR": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add tanvo --env TANVO_API_KEY='ใส่ค่าของคุณ' --env TANVO_OUTPUT_DIR='ใส่ค่าของคุณ' -- npx -y tanvo-mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"tanvo": {
"command": "npx",
"args": [
"-y",
"tanvo-mcp"
],
"env": {
"TANVO_API_KEY": "ใส่ค่าของคุณ",
"TANVO_OUTPUT_DIR": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"tanvo": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"tanvo-mcp"
],
"env": {
"TANVO_API_KEY": "ใส่ค่าของคุณ",
"TANVO_OUTPUT_DIR": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
TANVO_OUTPUT_DIR envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน tanvo.ai แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: TANVO_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.2.1) เข้า registry 28 วันที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
The MCP server for Tanvo, an AI image, video and music studio. Ask your assistant for "a renaissance portrait of my cat from this photo", "turn this selfie into a boxed action figure", "a 10-second clip of this product spinning" or "a birthday song for Sam", and it runs it on Tanvo and hands you the file.
Works in Claude Desktop, Claude Code, Cursor, VS Code, Windsurf, Cline, Codex, Gemini CLI and any other MCP client. No API key needed to try it: the house image engine runs on the free tier.
| Tool | What it does |
|---|---|
find_apps | Search the apps by what the user wants ("royal pet portrait", "fix an old photo") |
get_app | An app's inputs and looks, with example outputs, prompts and cost |
generate_from_app | Run an app's look on the user's photos |
generate_image | Text to image, or edit / combine photos |
generate_video | Text or image to video (returns an id; videos take minutes) |
generate_music | Write a song: describe it, bring lyrics, or go instrumental |
get_generation | Status and outputs of a run; can wait and save files |
list_models | Every model, its options and its credit cost |
account | Free tier or account, and the credits left |
open_in_tanvo | A link that opens the app, look or studio ready to go |
The server runs with npx, so there is nothing to install first (Node 20+).
Claude Code
claude mcp add tanvo -- npx -y tanvo-mcp
Add -e TANVO_API_KEY=sk_... to run on your account.
Claude Desktop, Cursor, Windsurf, Cline, VS Code (the mcpServers block of the client's MCP config)
{
"mcpServers": { "tanvo": { "command": "npx", "args": ["-y", "tanvo-mcp"], "env": { "TANVO_API_KEY": "sk_..." } } } }
Gemini CLI
gemini extensions install https://github.com/tanvoai/tanvo-mcp
Codex (~/.codex/config.toml)
[mcp_servers.tanvo]
command = "npx" args = ["-y", "tanvo-mcp"] env = { TANVO_API_KEY = "sk_..." }
AI agents that install servers themselves (Cline and others) can follow llms-install.md.
Without a key the server uses Tanvo's anonymous free tier: the house image engine (studio-image-v1), watermarked, a few images per machine per day. Everything else (apps on premium models, video, songs) needs a key. When a call needs one, the server replies with a link that opens the same app or prompt in the browser, where new accounts start with free credits.
Create a key under Settings → API keys. A key runs on your own account: the same models, prices and plan as the website, and every run lands in your history. Each run's price is shown by get_app / list_models, and failed runs are refunded automatically.
| Variable | Meaning |
|---|---|
TANVO_API_KEY | Your API key (optional) |
TANVO_OUTPUT_DIR | Save every result into this folder (optional; each call can also pass save_to) |
TANVO_BASE_URL | Another deployment, e.g. a local build (default https://tanvo.ai) |
TANVO_ANON_ID | Fix the free-tier id instead of the one stored in ~/.config/tanvo-mcp/anon-id |
Make my dog look like a Renaissance oil painting. ~/Pictures/rex.jpg
find_apps → get_app ai-pet-portrait-generator → generate_from_app with look renaissance and the photo.
Write a birthday song for my sister Ana, she loves surfing and terrible puns. Save it to ~/Music.
generate_music in Describe mode with save_to: "~/Music".
Animate this product photo into a slow 360° spin, 9:16.
find_apps "product spin" → generate_from_app product-spin, then get_generation until it is done.
Prompts and photos you pass are sent to tanvo.ai to run the job, under the privacy policy. Content is moderated before anything runs. The server stores nothing except the anonymous free-tier id.
npm install
npm run build TANVO_BASE_URL=http://localhost:3210 node dist/index.js
Docs: tanvo.ai/developers/mcp · API reference: tanvo.ai/developers/api · OpenAPI: tanvo.ai/openapi.yaml
pip install tanvonpm install @tanvoai/sdkMIT