เอกสารเริ่มต้นใช้งาน
เชื่อมต่อเอเจนต์
Design Editor รันเซิร์ฟเวอร์ MCP บนคอมพิวเตอร์ของคุณ เอเจนต์ใดก็ตามที่รองรับ MCP จะอ่านและแก้ไขแคนวาสที่คุณเปิดอยู่ได้
1เริ่มเซิร์ฟเวอร์ MCP
เซิร์ฟเวอร์รับฟังที่ http://127.0.0.1:3100/mcp และจะเริ่มพร้อมแอปเมื่อคุณเปิดการเชื่อมต่อเอเจนต์ไว้ มิฉะนั้นให้เริ่มจาก การตั้งค่า > MCP จากปุ่ม เริ่มเซิร์ฟเวอร์ ในหน้าแรก หรือด้วย de start
เซิร์ฟเวอร์ตอบสนองเฉพาะคอมพิวเตอร์ของคุณเอง โดยผูกกับ 127.0.0.1 และปฏิเสธคำขอจากหน้าเว็บที่มาจาก origin อื่น
2ตั้งค่าในคลิกเดียว
เปิด การตั้งค่า > MCP (หรือ เชื่อมต่อเอเจนต์ ในหน้าแรก) แล้วเปิดเอเจนต์ที่คุณใช้ แอปจะเขียนรายการลงในไฟล์ config ของแต่ละเอเจนต์ให้ จากนั้นรีสตาร์ตเทอร์มินัลของเอเจนต์ และเปิดสวิตช์อีกครั้งหลังอัปเกรดเอเจนต์
3หรือเพิ่มเอง
สำหรับ Claude Code:
claude mcp add --scope user --transport http design-editor http://127.0.0.1:3100/mcpเอเจนต์อื่นใช้ URL เดียวกันนี้ในการตั้งค่า MCP ของตัวเอง หน้า เอเจนต์และไฟล์ config ระบุไฟล์ที่แต่ละเอเจนต์อ่าน
4ตรวจสอบการเชื่อมต่อ
ขอให้เอเจนต์เรียก get_editor_state เอเจนต์จะตอบกลับด้วยเอกสารที่เปิดอยู่ หน้าปัจจุบัน และสิ่งที่เลือก จากนั้นขอหน้าจอด้วยภาษาธรรมดา แล้วดูมันปรากฏบนแคนวาส