Figma Context MCP
โดย GLips
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
รันบนเครื่อง★ 16,165MITอัปเดต 5 เดือนที่ผ่านมา
ติดตั้ง
Designmind
ภาพรวม
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Local design knowledge: principles, patterns, tokens, brand, content and metrics.
สามเสาของ PopNx MCP
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
- เสียงผู้ใช้iยังไม่มีรีวิวรีวิวเปิดพร้อมระบบบัญชีในขั้นถัดไป
- ผลตรวจเบื้องต้นของเราiผ่าน 1 จาก 1 ข้อตรวจจากข้อมูลที่เปิดอยู่ ยังไม่ได้สแกนโค้ด
- การใช้งานiยังไม่ได้วัด★ –
ใช้ทำอะไรได้
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
- การเชื่อมต่อ: รันบนเครื่อง
- ช่องทาง (transport): stdio
- หมวด: ออกแบบ ภาพ และเสียง
ติดตั้ง
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ก่อนติดตั้ง
- ผลตรวจเบื้องต้น: ผ่าน 1 จาก 1 ข้อ
- รันในเครื่องคุณด้วยสิทธิ์ของผู้ใช้คุณ (ไฟล์ อินเทอร์เน็ต แอปต่าง ๆ)
- ทะเบียนไม่ได้ระบุ key ที่ต้องใส่
ต้องเตรียมก่อน
- npmติดตั้ง Node.js (มีคำสั่ง npx) ในเครื่อง
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"designmind": {
"command": "npx",
"args": [
"-y",
"@reneturcios/designmind",
"mcp"
]
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add designmind -- npx -y @reneturcios/designmind mcpหรือคัดลอกค่าตั้งเอง
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"designmind": {
"command": "npx",
"args": [
"-y",
"@reneturcios/designmind",
"mcp"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
หรือคัดลอกค่าตั้งเอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"designmind": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@reneturcios/designmind",
"mcp"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ทำอะไรได้บ้าง
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
ผลตรวจเบื้องต้นi
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
- ✓ ผ่าน
ตัวตนผู้ทำตรงกับ repo
ชื่อใน registry ยืนยันด้วยบัญชี GitHub CloudCorpRecords ซึ่งเป็นเจ้าของ repo
- … ยังไม่ตรวจ
ยังมีคนดูแล
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
- … ยังไม่ตรวจ
มีสัญญาอนุญาต (license)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
- – ไม่เกี่ยว
endpoint ตอบ
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
- – ไม่เกี่ยว
ล็อกอินแบบ OAuth
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
- … ยังไม่ตรวจ
คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับตัวอื่นในหมวด ออกแบบ ภาพ และเสียงi
- ดาวมากกว่า 0% ของอีก 2169 ตัวในหมวดนี้
- ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 88% ของอีก 2169 ตัวในหมวดนี้
- ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 2169 ตัวในหมวดนี้
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
คำถามที่พบบ่อย
Designmind ปลอดภัยไหม?
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใช้กุญแจหรือรหัสอะไรบ้าง?
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
ตัวนี้รันบนเครื่องหรือบนคลาวด์?
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
ยังมีคนดูแลอยู่ไหม?
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.0) เข้า registry 4 วันที่ผ่านมา
ใช้กับโปรแกรมไหนได้บ้าง?
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js, Docker ในเครื่องด้วย
มีตัวไหนใช้แทนได้บ้าง?
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
ตัวที่ใช้แทนได้
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
Claude Real Video
โดย HUANGCHIHHUNGLeo
Let any LLM watch a video locally — and search everything it has ever watched.
รันบนเครื่อง★ 2,284MITอัปเดต 2 เดือนที่ผ่านมา
ติดตั้ง
Figma MCP Server
โดย figma
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
รันบนคลาวด์★ 2,152อัปเดต 13 เดือนที่ผ่านมา
ติดตั้ง
README จากผู้ทำ
เปิดอ่าน README
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
designmind
Local design knowledge as an MCP server and CLI: principles, UI patterns, checklists, design-system tokens, brand and content systems, research methods, metrics frameworks, and the GOV.UK Service Standard — all served from a curated catalogue that ships with the package. No network, no API key, no state.
designmind is a labelled core subset (20 tools) rebuilt from the public tool spec of a 111-tool design-knowledge server. The tools that audit live sites, grab assets, run a taste engine or a creative studio, maintain a decision graph, or run generation jobs are intentionally not reproduced; what is here is the read-only knowledge core.
What the catalogue contains
Original prose written for this rebuild, covering:
- Principles — Nielsen's ten heuristics, Laws of UX (Fitts, Hick, Jakob, Miller, Doherty, Von Restorff, Peak-End), Gestalt principles, WCAG AA basics (contrast, focus, labels, not colour alone), and typography, colour-role and spacing-scale rules.
- UI patterns and checklists — dashboards, forms, navigation, onboarding, search, checkout, empty states, modals, tables and settings, each with guidance and pitfalls.
- Design systems — token sets for Material, Carbon, Polaris, Atlassian and GOV.UK, which can be merged with
compose_system(later sources win; every conflict is listed, never hidden). - Brand and content systems — brand guidance plus voice and tone systems for GOV.UK, Polaris, Atlassian and conversational UI, content principles, and content patterns (error messages, empty states, confirmations, help text, notifications, labels).
- Strategy and methods — business strategy topics, the D4D (Discover, Define, Develop, Deliver) framework with templates, research methods, HEART / AARRR / North Star / RICE / OKR, and service patterns with the 14-point GOV.UK Service Standard.
Coverage differs from the original server's catalogue — this is a fresh local curation, not a copy of its content.
Install and run
npx -y @reneturcios/designmind mcp # stdio MCP servernpx -y @reneturcios/designmind get_pattern form docker run -i ghcr.io/cloudcorprecords/designmind # MCP via container docker run --rm ghcr.io/cloudcorprecords/designmind get_checklist form
MCP client config:
{"mcpServers": { "designmind": { "command": "npx", "args": ["-y", "@reneturcios/designmind", "mcp"] } } }
Tools
| Tool | Arguments | Purpose |
|---|---|---|
get_principles | context | Principles relevant to a context |
get_pattern | ui_type | UI pattern guidance |
get_business_strategy | topic? | Business strategy guidance |
evaluate_design | description, compact? | Score a design description against the principles catalogue — scores, matching principles and violations; no screenshots |
search_knowledge | query | Search the whole catalogue |
get_checklist | ui_type | A pre-ship checklist |
get_d4d_framework | template? | Discover / Define / Develop / Deliver |
list_design_systems | — | Catalogue design systems |
get_design_system | name | One system's token set |
compose_system | sources[] | Merge token sets; later wins, conflicts listed |
get_brand_system | brand | Brand guidance for a named brand |
get_content_system | brand | Voice and tone system for a named brand |
get_content_principles | topic? | Content design principles |
get_content_pattern | pattern_type | A content pattern (errors, empty states, …) |
get_research_method | method_type | A UX research method, with steps |
get_metrics_framework | framework | HEART, AARRR, North Star, RICE or OKR |
get_service_pattern | pattern | A service design pattern |
get_service_standard | — | The GOV.UK Service Standard, 14 points |
get_brand_principles | topic? | Brand principles |
get_brand_trends | — | Curated brand design trends |
Unknown names (a system, brand, framework, pattern…) return an error listing the names that do exist, rather than a guess. The CLI exposes the same twenty operations as subcommands; run designmind with no arguments for the full usage list.
Development
npm installnpm run build # tsc -> dist/ npm test # node test runner, local only npm run dev # run the CLI from source
License
MIT — Copyright (c) 2026 Rene Turcios.