Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
เลือกอาชีพแล้วได้ทั้ง MCP (ต่อบริการ) และ Skill (คู่มือ) ที่เข้ากัน ทุกตัวผ่านตัวตรวจคำสั่งของเราแล้ว
ต่อ PopNx MCP เข้ากับแอป AI ของคุณก่อน แล้วคัดลอกประโยคนี้ไปวาง · วิธีต่อ PopNx MCP →
ใช้ PopNx MCP ติดตั้งชุด "นักออกแบบ" ให้ฉัน: MCP glips-figma-context-mcp, dayuanjiang-next-ai-drawio, nteract-semiotic และ Skill pbakaus-impeccable, cathrynlavery-diagram-design ใช้ get_install_config กับ MCP แต่ละตัว และ read_skill กับ Skill แต่ละตัว บอกขั้นตอนทีละตัว ถ้าต้องใช้คีย์หรือรหัส ให้บอกว่าต้องใส่ที่ไหนในเครื่องของฉัน ห้ามขอให้ฉันพิมพ์คีย์ลงในแชตGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.
The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
รายชื่อเลือกใหม่จากข้อมูลล่าสุด เราไม่เก็บคีย์ของคุณ