ตั้งค่า Figma

ส่งเฟรม ตัวแปร และคอมโพเนนต์จากไฟล์ Figma ให้ coding agent เพื่อให้โค้ดที่เขียนตรงกับดีไซน์

ผู้เผยแพร่

Figma อย่างเป็นทางการ

Endpoint แบบโฮสต์

https://mcp.figma.com/mcp

Transport

streamable-http

การยืนยันตัวตน

OAuth

สิ่งที่เข้าถึงได้

ส่วนใหญ่ใช้อ่านบริบทของดีไซน์ มีเครื่องมือบางรายการที่เขียนข้อมูลได้

ซอร์สโค้ด

github.com/figma/mcp-server-guide

สถานะ

ใช้งานอยู่

ติดตั้ง

ผู้ให้บริการเป็นผู้โฮสต์เซิร์ฟเวอร์นี้ คุณจึงเพียงเพิ่ม URL โดยไม่มีอะไรทำงานบนเครื่องของคุณ หากต้องยืนยันตัวตน แถวด้านบนจะอธิบายวิธีดำเนินการ ส่วนเซิร์ฟเวอร์ที่ใช้ OAuth จะแจ้งให้คุณดำเนินการเมื่อเชื่อมต่อครั้งแรก

Claude Code

claude mcp add --transport http --scope project figma https://mcp.figma.com/mcp

Cursor

{
  "mcpServers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Codex

[mcp_servers.figma]
url = "https://mcp.figma.com/mcp"

การตั้งค่าสำหรับไคลเอนต์อื่น →

เซิร์ฟเวอร์อื่นในหมวด เครื่องมือสำหรับนักพัฒนา