Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
SEO audit (400 checks), text readability and grammar check, PDF to images, image conversion.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
Authorizationค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http app-kit-dev https://mcp.app-kit.dev/mcp --header 'Authorization: ใส่ค่าของคุณ'เติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"app-kit-dev": {
"url": "https://mcp.app-kit.dev/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"app-kit-dev": {
"type": "http",
"url": "https://mcp.app-kit.dev/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
Authorization ความลับ HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ชื่อและคำอธิบายเครื่องมือตามที่ server ตอบมาเมื่อ 8 พ.ย. 2569 ผู้ทำเป็นคนเขียน ไม่ใช่เรา แสดงเป็นข้อความล้วน
text_checkCheck a text: metrics (filler words, spam, keyword stuffing), readability, stop phrases, grammar. Input: text up to 20000 characters, lang (language of the text) ru or en. Returns passed (blocking thresholds), metrics by layer, verdicts (blocking=false means a recommendation), to
seo_audit_fastQuick SEO audit of a public website (up to 10 pages): score 0-100 by check group, failed checks, top 5 losses. The site root is audited: URL path and query are dropped (https://example.com/page?x=1 -> https://example.com/). Waits up to 60 s for the result, sending progress. If no
seo_audit_statusStatus and result of an SEO audit by the handle from seo_audit_fast. Does not consume quota. While status=running, call again after poll_after_s seconds. A handle is valid for 60 min and only for the caller who started the audit.
pdf_to_imagesConvert an existing PDF to images (one file per page): format png/jpeg/webp, dpi 72-300, first_page/last_page. PDF up to 20 MB and up to 20 pages. Input: exactly one of source_url (public URL, the server downloads it), upload_id (create_upload, then PUT) or data_base64 (up to 512
images_to_pdfCombine existing images into one PDF (one image per page), page_size A4/Letter or the image size. Input: source_urls[] or upload_ids[], up to 20 files, each up to 20 MB. Output: download links (resource_link, valid for 10 min; deleted once all files of the job are downloaded) and
image_convertConvert an existing image to another format: target_format png/jpeg/webp/bmp/tiff/gif, quality 1-100, max_dim (downscale the long side). File up to 20 MB. For avif and maximum compression use image_compress. Input: exactly one of source_url (public URL, the server downloads it),
conversion_statusStatus and result of a conversion by the handle from pdf_to_images / images_to_pdf / image_convert. Does not consume quota. While status=running, call again after poll_after_s seconds. A handle is valid for 1 hour and only for the caller who started the conversion.
image_compressCompress an existing image to WebP or AVIF: quality 1-100, width/height (downscale), preset (photo/picture/drawing/icon/text), lossless. Returns a result link (valid up to 5 min), original and new size, compression ratio. File up to 20 MB. Input: exactly one of source_url (public
create_uploadCreate a one-time upload link for a local file (for clients with local file access, e.g. Claude Code, Cursor). Returns upload_id, put_url and a curl command: upload the file with a single PUT (up to 20 MB, within 10 min), then pass upload_id to a file tool. One upload_id serves o
quota_statusShow the current access tier and the remaining calls for each tool. Tiers: L0 anonymous (shared per platform for Claude and ChatGPT), L1 personal token, L2 App-Kit account (OAuth). Does not consume quota.
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 9 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub app-kit-dev ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 613 ms (HTTP 200)
ไม่ต้องล็อกอิน
อ่านคำอธิบายเครื่องมือ 10 ตัวแล้ว ไม่พบคำสั่งแอบแฝงถึง AI
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: Authorization
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.3) เข้า registry 35 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Remote MCP server for SEO audits, text readability and grammar checks, image conversion (PNG/JPEG/WebP) and PDF to images - for Claude, Cursor, VS Code, Windsurf and any other MCP client. Free, with daily limits. Two addresses:
https://mcp.app-kit.dev/mcp # no account: anonymous or with a free token
https://mcp.app-kit.dev/mcp/account # with a free App-Kit account (OAuth sign-in), higher limits
Русская версия | Tools reference | app-kit.dev
This repository holds the public documentation, client configs and registry metadata. The server itself is a hosted service operated by App-Kit; there is nothing to install.
There are two ways to connect:
https://mcp.app-kit.dev/mcp. Works anonymously out of the box; a free token (no email) gives you limits of your own.https://mcp.app-kit.dev/mcp/account. Accepts only account sign-in (OAuth 2.1 with PKCE): your client opens the App-Kit sign-in page in the browser, you sign in or create an account (email and password) and approve access. Highest limits, no tokens to copy. Create an account in advance at admin.app-kit.dev/oauth/signup or from the sign-in page your client opens.App-Kit, Remote MCP server URL: https://mcp.app-kit.dev/mcp/account. Click Connect and sign in. Details: examples/claude-desktop/claude.ai.md. claude mcp add --transport http app-kit https://mcp.app-kit.dev/mcp/account
Then run /mcp in Claude Code and choose Authenticate for app-kit.
Works anonymously out of the box. For higher limits, get a free token on app-kit.dev/mcp (one click, no email) and pass it either as a header Authorization: Bearer mcpf_... or in the URL: https://mcp.app-kit.dev/mcp/t/mcpf_....
claude mcp add --transport http app-kit https://mcp.app-kit.dev/mcp
claude mcp add --transport http app-kit https://mcp.app-kit.dev/mcp \ --header "Authorization: Bearer mcpf_your_token"
Add --scope user to make it available in every project. See examples/claude-code.sh.
Customize > Connectors > + > Add custom connector. Name: App-Kit, Remote MCP server URL: https://mcp.app-kit.dev/mcp/t/mcpf_your_token (the token in the URL is recommended: requests from claude.ai share Anthropic's IP addresses, so anonymous limits there are a small shared pool). Authentication: no sign-in. Free Claude plans allow one custom connector. Details: examples/claude-desktop/claude.ai.md.
.cursor/mcp.json in the project or ~/.cursor/mcp.json globally (example):
{
"mcpServers": { "app-kit": { "url": "https://mcp.app-kit.dev/mcp", "headers": { "Authorization": "Bearer mcpf_your_token" } } } }
.vscode/mcp.json (example); VS Code asks for the token once and stores it securely:
{
"inputs": [ { "type": "promptString", "id": "app-kit-token", "description": "App-Kit MCP free token (mcpf_...)", "password": true } ], "servers": { "app-kit": { "type": "http", "url": "https://mcp.app-kit.dev/mcp", "headers": { "Authorization": "Bearer ${input:app-kit-token}" } } } }
Open the MCP config from the Cascade MCP settings (mcp_config.json) and add a server with serverUrl. ${env:VAR} is expanded in headers:
{
"mcpServers": { "app-kit": { "serverUrl": "https://mcp.app-kit.dev/mcp", "headers": { "Authorization": "Bearer ${env:APPKIT_MCP_TOKEN}" } } } }
cline_mcp_settings.json (MCP Servers > Configure). Set "type": "streamableHttp": without it Cline uses the legacy SSE transport. Agent-oriented steps: llms-install.md.
{
"mcpServers": { "app-kit": { "type": "streamableHttp", "url": "https://mcp.app-kit.dev/mcp", "headers": { "Authorization": "Bearer mcpf_your_token" } } } }
Install as an extension (the repo root has gemini-extension.json):
gemini extensions install https://github.com/app-kit-dev/mcp
or add the server to ~/.gemini/settings.json (httpUrl = Streamable HTTP):
{
"mcpServers": { "app-kit": { "httpUrl": "https://mcp.app-kit.dev/mcp", "headers": { "Authorization": "Bearer mcpf_your_token" } } } }
#### Other clients
Any client that supports remote MCP over Streamable HTTP: URL https://mcp.app-kit.dev/mcp, optional header Authorization: Bearer mcpf_.... Clients that cannot set headers can use https://mcp.app-kit.dev/mcp/t/mcpf_.... Clients with MCP OAuth support can use https://mcp.app-kit.dev/mcp/account instead.
Full descriptions and JSON Schemas: docs/tools.md (generated from the live tools/list).
| Tool | What it does | Example prompt |
|---|---|---|
seo_audit_fast | Fast SEO audit of a site root (up to 10 pages): score, failed checks, top-5 losses. Waits up to 60 s, then returns a handle | "Run an SEO audit of example.com and tell me what to fix first" |
seo_audit_status | Status and result of an audit by handle | (called by the model automatically) |
text_check | Readability, water/spam metrics, stop phrases, grammar; lang ru/en, up to 20 000 chars | "Check this landing page copy for readability and grammar: ..." |
quota_status | Your access level and remaining free calls per tool | "How many free App-Kit checks do I have left today?" |
image_convert | Convert between PNG, JPEG, WebP, BMP, TIFF, GIF | "Convert this logo to PNG: https://example.com/logo.webp" |
pdf_to_images | Render PDF pages (up to 20) to PNG/JPEG/WebP | "Turn pages 1-3 of https://example.com/deck.pdf into PNG at 150 dpi" |
images_to_pdf | Merge up to 20 images into one PDF | "Make a PDF from these 3 screenshots: ..." |
conversion_status | Status and result of a long conversion by handle | (called by the model automatically) |
create_upload | One-time upload URL for a local file (agents with a shell) | "Convert ./scan.pdf to PNG pages" |
image_compress | Compress to WebP/AVIF with quality and resize options | "Compress https://example.com/hero.png to AVIF" |
All tools are read-only: nothing is published or changed on your side. Results that are files come back as short-lived download links (10 minutes) plus a small preview.
Limits are per tool, per day, and reset at 00:00 UTC.
| Tool | Anonymous | Free token | App-Kit account | Notes |
|---|---|---|---|---|
text_check | 3 / day | 5 / day | 20 / day | |
seo_audit_fast | 1 / day | 2 / day | 5 / day | one domain: up to 5 audits per day from all users |
seo_audit_status, conversion_status, quota_status | free | free | free | do not spend quota |
image_convert | 2 / day | 3 / day | 10 / day | |
pdf_to_images, images_to_pdf | 1 / day | 2 / day | 5 / day | up to 20 pages / files, 20 MB |
create_upload | 3 / day | 5 / day | 15 / day | up to 20 MB, link valid 10 min |
Anonymous requests from claude.ai share one small hourly pool (Anthropic's shared IP range). Every response includes quota (remaining, reset_at, tier, upgrade_url). There is also a shared daily budget per tool; when it runs out, the tool says so and resets at 00:00 UTC. Limits may be tuned without notice; the current values are always in the tool descriptions and quota_status.
The free tier above stays free. Higher limits, full multi-page SEO audits with PDF reports and larger files are part of the paid App-Kit API and are billed in App-Kit credits - see app-kit.dev.
text_check is not stored; only metrics are returned./mcp/account): email, password hash, sign-up date and source, stored in Germany; OAuth tokens are stored as hashes (access 1 hour, refresh 30 days). To delete your account, write to hi@wm2.dev.Full policy: app-kit.dev/privacy.
Do I need an account? No. Anonymous use works; a free token (no email) raises the limits. An App-Kit account (/mcp/account) gives the highest limits and signs you in through the browser.
Why do anonymous calls from claude.ai run out quickly? claude.ai connects from Anthropic's shared IP range, so all anonymous claude.ai users share one small pool. Use a token in the URL.
Can it audit my staging site? Only publicly reachable sites. Private networks, localhost and non-standard ports are blocked.
Which MCP protocol versions are supported? Streamable HTTP, stateless: current MCP revisions and clients on 2025-11-25. No stdio package is needed.
A long audit returned `status: running`. What now? The model calls seo_audit_status with the handle after poll_after_s seconds. The handle works only for the caller and expires in 60 minutes.
Is the server open source? The server is a hosted service. This repository (docs, examples, registry metadata) is MIT-licensed.
Where do I get help? Email hi@wm2.dev (questions, account deletion, problems with the server). Bugs and ideas: issues. Security: see SECURITY.md.
ตัดมาแค่ช่วงต้น อ่านต่อใน repo