Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Generate matching icon sets, spot illustrations and transparent design assets for sites and apps.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://mcp.designelier.com/mcpพิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http designelier https://mcp.designelier.com/mcpวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"designelier": {
"url": "https://mcp.designelier.com/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"designelier": {
"type": "http",
"url": "https://mcp.designelier.com/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://mcp.designelier.com/mcpชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน designelier.com แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 788 ms (HTTP 401)
ประกาศวิธีล็อกอินแบบ OAuth ให้โปรแกรม AI พาไปล็อกอินเอง
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.3.0) เข้า registry 8 วันที่ผ่านมา
โปรแกรมที่รองรับ 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 coordinated icon sets, spot illustrations and transparent design assets for websites and apps from any MCP client. Plan a pack from a short brief or your page, review the exact quote, and generate only after you confirm.
https://mcp.designelier.com/mcp (Streamable HTTP)com.designelier/mcpThe SVG files embed raster artwork. They are not editable vector paths.
The server uses OAuth. Your client opens a browser window, you sign in with your Designelier account and approve access. You do not copy an API key.
Open Settings → Connectors → Add custom connector, enter https://mcp.designelier.com/mcp and select Connect.
claude mcp add --transport http designelier https://mcp.designelier.com/mcp
Then run /mcp in Claude Code and authenticate designelier.
codex mcp add designelier --url https://mcp.designelier.com/mcp
codex mcp login designelier
Add this to ~/.cursor/mcp.json:
{
"mcpServers": { "designelier": { "url": "https://mcp.designelier.com/mcp" } } }
code --add-mcp '{"name":"designelier","type":"http","url":"https://mcp.designelier.com/mcp"}'
gemini mcp add --transport http designelier https://mcp.designelier.com/mcp
Add a custom connector (in ChatGPT, developer mode) with the URL https://mcp.designelier.com/mcp. Any client that supports Streamable HTTP and MCP OAuth works.
Your client always gets the current list and schemas from tools/list.
| Tool | What it does |
|---|---|
designelier_get_account | Read total, reserved and available credits. Never spends credits. |
designelier_plan_assets | Plan a matching icon set or spot illustrations with transparent backgrounds. |
designelier_plan_pack | Analyze one public website URL and create a pack plan with an immutable quote. Free. |
designelier_get_pack | Read a pack, its planned subjects, style, quote, previews and download. |
designelier_confirm_pack | Confirm the exact quote and generate the pack. Spends credits on success. |
OAuth 2.1 with dynamic client registration. Sign in with your Designelier account in the browser. Scopes: designelier:read, designelier:generate.
You need a Designelier account. Generation uses credits from your account.
This repository is the public home of the hosted Designelier MCP server. It holds this setup guide and the registry metadata (server.json for the official MCP Registry, glama.json for Glama). The server runs as a hosted service at https://mcp.designelier.com/mcp. Its source code is not in this repository.
Found a problem or have a question? Open an issue.
The contents of this repository are available under the MIT License.