MCP หรือ Model Context Protocol เป็นมาตรฐานเปิดที่ช่วยให้เอเจนต์ AI เชื่อมต่อกับแหล่งข้อมูลและเครื่องมือได้ สำหรับนักออกแบบ หมายความว่าเครื่องมือเข้ารหัส AI สามารถอ่านไฟล์การออกแบบได้โดยตรง แทนที่จะคาดเดาจากภาพหน้าจอ และในบางกรณีก็สร้างหรือเปลี่ยนแปลงการออกแบบได้
Figma มีเซิร์ฟเวอร์ MCP ที่ให้บริบทการออกแบบเอเจนต์ AI เช่น ตัวแปร ส่วนประกอบ และเค้าโครง เพื่อให้สามารถสร้างโค้ดจากเฟรมที่เลือกได้ นอกจากนี้ยังสามารถเขียนเนื้อหา Figma ดั้งเดิมกลับไปยังแคนวาสได้ Figma อธิบายว่าฟีเจอร์นั้นฟรีในช่วงเบต้าและวางแผนที่จะเน้นการใช้งานเป็นหลัก ตามศูนย์ช่วยเหลือของ Figma เซิร์ฟเวอร์ MCP พร้อมใช้งานในแผน Starter, Professional, Education, Organization, Government และ Enterprise
Penpot มีเซิร์ฟเวอร์ MCP แบบเปิดและฟรี Penpot อธิบายว่าทำงานร่วมกับไคลเอนต์และโมเดล MCP ใดก็ได้ รวมถึง Claude, Cursor, Visual Studio Code และ OpenAI Codex และทีมสามารถปรับใช้บนเซิร์ฟเวอร์ของตนเองเพื่อรักษาข้อมูลการออกแบบให้เป็นส่วนตัว
ExodeUI ซึ่งเราสร้างขึ้นมีเซิร์ฟเวอร์ MCP สำหรับ UI และภาพเคลื่อนไหวแบบโต้ตอบ Claude Code, Cursor และเครื่องมือเข้ารหัส AI อื่นๆ สามารถสร้างและแก้ไขแอนิเมชั่น รวมถึงสถานะ ฟิสิกส์ของสปริง อินพุตและเหตุการณ์ต่างๆ ได้จากข้อความแจ้งในภาษาธรรมดา ผลลัพธ์คือไฟล์ .exode แบบเปิดที่แพ็กเกจรันไทม์เล่นใน React, Vue, Svelte, Angular, Solid, React Native, SwiftUI และ Flutter
เครื่องมืออื่นๆ กำลังเพิ่มการรองรับ MCP อย่างรวดเร็ว ดังนั้น โปรดตรวจสอบเอกสารของผู้จำหน่ายแต่ละรายก่อนตัดสินใจเลือก ตัวอย่างเช่น Icons8 มีเซิร์ฟเวอร์ MCP สำหรับไอคอนและไลบรารีภาพประกอบ ซึ่งมีประโยชน์ควบคู่ไปกับแอปออกแบบ Lunacy แต่ไม่สามารถแก้ไขไฟล์ Lunacy ได้