Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
AI image, video and 3D tools, assets, products and Shopify for Sirv AI Studio.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
SIRV_AI_API_KEYค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://mcp.sirv.studioเปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"sirv-ai": {
"command": "npx",
"args": [
"-y",
"sirv-ai-mcp-server"
],
"env": {
"SIRV_AI_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http sirv-ai https://mcp.sirv.studioclaude mcp add sirv-ai --env SIRV_AI_API_KEY='ใส่ค่าของคุณ' -- npx -y sirv-ai-mcp-serverเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"sirv-ai": {
"url": "https://mcp.sirv.studio"
}
}
}วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"sirv-ai": {
"command": "npx",
"args": [
"-y",
"sirv-ai-mcp-server"
],
"env": {
"SIRV_AI_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"sirv-ai": {
"type": "http",
"url": "https://mcp.sirv.studio"
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"sirv-ai": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"sirv-ai-mcp-server"
],
"env": {
"SIRV_AI_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://mcp.sirv.studioชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub sirv ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 660 ms (HTTP 401)
ประกาศวิธีล็อกอินแบบ OAuth ให้โปรแกรม AI พาไปล็อกอินเอง
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: SIRV_AI_API_KEY
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.1.1) เข้า registry เมื่อวานซืน
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
MCP (Model Context Protocol) server for Sirv AI Studio - AI-powered image and video processing.
This MCP server exposes 54 tools across AI processing, asset management, product management, Shopify integration, Supplier Portal operations and Sirv CDN file management:
These tools work on the workspace's connected Sirv account, rather than the Studio asset library:
All DAM, product, Shopify, Supplier Portal and Sirv CDN tools accept an optional orgId parameter to scope requests to a specific organization. If omitted, the user's default organization is used. The server sends orgId as the X-Org-Id header, which the API validates against the user's org membership.
Every Studio plan includes API and MCP access; an admin can turn it off for a workspace. Preview-readable tools such as list, get, search, metadata-read, usage, organization, and workflow-read calls then execute without another tool-specific check. Mutation tools, direct AI tools that spend credits, batch operations, visual similarity, Shopify delivery/sync, and Supplier Portal Pro tools call Studio's /api/mcp/authorize-tool endpoint before execution and fail closed when the workspace lacks the matching entitlement.
assetId) - Remove the background, upscale if small, and write alt text for one library imagefolderId) - Find the images in a folder that have no alt text and write it, after the user confirms the costUse the hosted server at https://mcp.sirv.studio, or run the npm package:
npx -y sirv-ai-mcp-server
Use version 1.0.5 or later. Earlier versions are the legacy server from before the www.sirv.studio cutover on 2026-10-30.
To build from source:
bun install
bun run build node dist/index.js
# Optional: Sirv AI Studio URL (default: https://www.sirv.studio)
SIRV_AI_BASE_URL="https://www.sirv.studio"
SIRV_AI_API_KEY="your-api-key"
MCP_TRANSPORT="stdio"
MCP_HTTP_PORT=3001 MCP_HTTP_HOST=0.0.0.0 MCP_BASE_URL="https://your-mcp-server.com"
MCP_SSL_KEY_PATH="/path/to/key.pem" MCP_SSL_CERT_PATH="/path/to/cert.pem"
MCP_ENABLE_IP_ALLOWLIST="true" MCP_ALLOWED_IPS="1.2.3.4,5.6.7.8/24"
MCP_CORS_ORIGINS="https://claude.ai,https://your-app.com"
Used for local integrations with Claude Desktop and Claude Code.
bun run start
bun run dev
Used for remote/hosted deployments accessible via HTTPS.
bun run start:http
bun run dev:http
When running in HTTP mode, the server exposes:
/ - MCP protocol endpoint (/mcp is also accepted for compatibility)/health - Health check endpoint/.well-known/oauth-authorization-server - OAuth 2.0 metadata/.well-known/oauth-protected-resource - Protected resource metadataHTTP requests accept uncompressed JSON up to 1 MiB. Tool arguments are limited to 10,000 array elements and object members in total, including nested values. Split larger requests into smaller calls. File uploads use URLs rather than inline bytes.
Each signed-in caller can send 100 requests a minute. One IP address can send 30 invalid API keys a minute. Expired OAuth tokens do not count toward that limit.
The server implements OAuth 2.0 with PKCE for secure authentication:
~/.sirv-ai/tokens.jsonAll tools include proper MCP safety annotations:
readOnlyHint - Indicates if the tool only reads datadestructiveHint - Indicates if the tool can delete or overwrite dataidempotentHint - Indicates if repeated calls produce the same resultopenWorldHint - Indicates if the tool accesses external servicesWhen running in HTTP mode, CORS is configured for browser-based authentication:
https://claude.ai, https://console.anthropic.comMCP_CORS_ORIGINS environment variableOptional IP-based access control:
MCP_ENABLE_IP_ALLOWLIST=trueMCP_ALLOWED_IPSFor production deployments:
MCP_SSL_KEY_PATH and MCP_SSL_CERT_PATHAdd to your Claude Desktop configuration (claude_desktop_config.json):
{
"mcpServers": { "sirv-ai": { "command": "npx", "args": ["-y", "sirv-ai-mcp-server"], "env": { "SIRV_AI_BASE_URL": "https://www.sirv.studio" } } } }
Add to your Claude Code MCP settings:
{
"mcpServers": { "sirv-ai": { "command": "npx", "args": ["-y", "sirv-ai-mcp-server"], "env": { "SIRV_AI_BASE_URL": "https://www.sirv.studio" } } } }
For the hosted server, use https://mcp.sirv.studio as the MCP connector URL. Connectors added with https://mcp-dev.sirv.studio keep working. Studio handles sign-in and consent at https://www.sirv.studio. Every Studio plan can connect. When a workspace runs out of credits, tools answer with a link to Studio's Buy credits page. This connection path is separate from ChatGPT Actions, which use the OpenAPI specification.
Use the callback URL supplied by your ChatGPT connector. Studio accepts https://chatgpt.com/connector/oauth/ with one ID segment containing letters, digits, underscores or hyphens, as well as the older https://chatgpt.com/connector_platform_oauth_redirect callback. The URL must also match the client's registered redirect URI. OAuth still requires PKCE S256. See the MCP developer docs.
In the current source, ten image-result tools attach an interactive image widget. Account, asset, product, batch, workflow, video and 3D tools return their tool results without that widget. For multi-image generation, the widget previews the first result rather than a gallery.
The widget uses the MCP Apps resource ui://widget/sirv-studio-v3.html with MIME type text/html;profile=mcp-app. This describes the server implementation, not a claim that the app is listed in the ChatGPT directory.
For hosting the MCP server remotely (accessible via claude.ai):
Keep the two origins distinct:
SIRV_AI_BASE_URL is the Studio app that serves OAuth and API requests.MCP_BASE_URL is the public origin clients use to reach the MCP server. It supplies the advertised OAuth resource and widget domain.The Docker Compose configuration defaults to https://www.sirv.studio and https://mcp.sirv.studio, respectively. Set both explicitly for another deployment.
Check discovery before connecting a client:
curl --fail https://mcp.sirv.studio/.well-known/oauth-protected-resource
curl --fail https://mcp.sirv.studio/.well-known/oauth-authorization-server
For these defaults, resource should be https://mcp.sirv.studio, and issuer and the sole authorization_servers entry should be https://www.sirv.studio. The authorization, token and registration endpoints should use the Studio origin.
# Using SSL certificates directly
MCP_TRANSPO
ตัดมาแค่ช่วงต้น อ่านต่อใน repo