MCP, मॉडल कॉन्टेक्स्ट प्रोटोकॉल, एक खुला मानक है जो AI एजेंटों को डेटा स्रोतों और टूल से कनेक्ट करने देता है। डिज़ाइनरों के लिए, इसका मतलब है कि एक एआई कोडिंग टूल स्क्रीनशॉट से अनुमान लगाने के बजाय सीधे डिज़ाइन फ़ाइल को पढ़ सकता है, और कुछ मामलों में डिज़ाइन स्वयं बना या बदल सकता है।
Figma में एक MCP सर्वर है जो AI एजेंटों को वेरिएबल, घटक और लेआउट जैसे डिज़ाइन संदर्भ देता है, ताकि वे चयनित फ़्रेम से कोड उत्पन्न कर सकें। यह मूल Figma सामग्री को कैनवास पर वापस भी लिख सकता है; Figma उस सुविधा को उसके बीटा के दौरान मुफ़्त बताता है और इसे उपयोग-आधारित बनाने की योजना बनाई गई है। Figma के सहायता केंद्र के अनुसार, MCP सर्वर स्टार्टर, व्यावसायिक, शिक्षा, संगठन, सरकार और उद्यम योजनाओं पर उपलब्ध है।
Penpot में एक निःशुल्क और खुला MCP सर्वर है। Penpot इसे किसी भी MCP क्लाइंट और मॉडल के साथ काम करने के रूप में वर्णित करता है, जिसमें Claude, Cursor, विजुअल स्टूडियो कोड और ओपनएआई कोडेक्स शामिल हैं, और टीमें डिज़ाइन डेटा को निजी रखने के लिए इसे अपने सर्वर पर तैनात कर सकती हैं।
ExodeUI, जिसे हम बनाते हैं, में इंटरैक्टिव यूआई और एनीमेशन के लिए एक MCP सर्वर है। Claude Code, Cursor और अन्य AI कोडिंग टूल सादे भाषा के संकेतों से राज्य, स्प्रिंग भौतिकी, इनपुट और घटनाओं सहित एनिमेशन बना और संपादित कर सकते हैं। परिणाम एक खुली .exode फ़ाइल है जो रनटाइम पैकेज React, Vue, Svelte, Angular, Solid, React Native, SwiftUI और Flutter में चलती है।
अन्य उपकरण तेजी से MCP समर्थन जोड़ रहे हैं, इसलिए चुनने से पहले प्रत्येक विक्रेता के दस्तावेज़ जांचें। उदाहरण के लिए, Icons8 अपने आइकन और चित्रण लाइब्रेरी के लिए एक MCP सर्वर प्रदान करता है, जो इसके Lunacy डिज़ाइन ऐप के साथ उपयोगी है लेकिन Lunacy फ़ाइलों को संपादित नहीं करता है।