यह लेख पेनपॉट द्वारा प्रायोजित है कल्पना करें कि आपकी पेनपॉट फ़ाइल में डिज़ाइन के अलावा एक पूर्ण आइकन सेट है, जो उन सभी आइकनों में से कुछ का नहीं बल्कि कुछ का उपयोग करता है। यदि आप क्लाउड या जेमिनी जैसे एआई से केवल उपयोग किए जा रहे आइकन को निर्यात करने के लिए कहें, तो वह ऐसा करने में सक्षम नहीं होगा। यह पेनपॉट फ़ाइलों के साथ इंटरैक्ट करने में सक्षम नहीं है। हालाँकि, एक पेनपॉट एमसीपी सर्वर ऐसा कर सकता है। यह निर्धारित नियमों और अनुमतियों के तहत चुनिंदा संख्या में ऑपरेशन कर सकता है, खासकर क्योंकि पेनपॉट के पास एक व्यापक एपीआई है और इससे भी अधिक क्योंकि यह ओपन-सोर्स है। एआई का काम बस आपके इरादे को समझना है, एमसीपी सर्वर के लिए सही ऑपरेशन चुनना है (इस मामले में एक निर्यात), और किसी भी पैरामीटर (यानी, उपयोग किए जा रहे आइकन) को पास करना है। एमसीपी सर्वर फिर इसे एक संरचित एपीआई अनुरोध में अनुवादित करता है और इसे निष्पादित करता है। एआई को एक रेस्तरां में एक सर्वर के रूप में सोचने में मदद मिल सकती है जो आपका ऑर्डर लेता है, एमसीपी सर्वर को मेनू और शेफ दोनों के रूप में, और एपीआई अनुरोध को एक गर्म प्लेट पर एक गर्म पिज्जा पाई के रूप में (उम्मीद है) के रूप में सोचने में मदद मिल सकती है। बिल्कुल एमसीपी सर्वर क्यों? खैर, पेनपॉट आपके इरादे को समझने में सक्षम नहीं है क्योंकि यह एलएलएम नहीं है, न ही यह आपके पेनपॉट डेटा की सुरक्षा और गोपनीयता के लिए तीसरे पक्ष के एलएलएम को आपकी पेनपॉट फ़ाइलों के साथ इंटरैक्ट करने की अनुमति देता है। हालाँकि पेनपॉट एमसीपी सर्वर एक सुरक्षित पुल के रूप में कार्य करते हैं, जो आपकी पेनपॉट फ़ाइलों और डेटा को संदर्भ के रूप में उपयोग करके एआई इरादे को एपीआई अनुरोधों में अनुवादित करते हैं। इससे भी बेहतर बात यह है कि चूंकि पेनपॉट डिज़ाइन-एक्सप्रेस-ए-कोड दृष्टिकोण अपनाता है, इसलिए डिज़ाइन को प्रोग्रामेटिक रूप से बनाया, संपादित किया जा सकता है और ग्रैन्युलर स्तर पर विश्लेषण किया जा सकता है। यह अधिक प्रासंगिक है, अधिक विशिष्ट है, और इसलिए अन्य एमसीपी सर्वरों की पेशकश की तुलना में अधिक शक्तिशाली है, और सबपर 'वर्णन → जेनरेट' एआई वर्कफ़्लो की तुलना में कहीं अधिक विचारशील है जो मुझे नहीं लगता कि कोई भी वास्तव में चाहता है। पेनपॉट का एआई श्वेतपत्र इसे खराब दृष्टिकोण और 'कन्वर्ट टू कोड' दृष्टिकोण को बदसूरत दृष्टिकोण के रूप में वर्णित करता है, जबकि एमसीपी सर्वर अधिक परिष्कृत और अनुकूलनीय हैं। विशेषताएं और तकनीकी विवरण इससे पहले कि हम उपयोग के मामलों पर आगे बढ़ें, यहां कुछ विशेषताएं और तकनीकी विवरण दिए गए हैं जो आगे बताते हैं कि पेनपॉट एमसीपी सर्वर कैसे काम करते हैं:
एमसीपी मानकों का अनुपालन करता है; वास्तविक समय डिज़ाइन डेटा के लिए पेनपॉट एपीआई के साथ एकीकृत होता है; इसमें Python SDK, REST API, प्लगइन सिस्टम और CLI टूल शामिल हैं; किसी भी एमसीपी-सक्षम एआई सहायक (वीएस कोड में क्लाउड, कर्सर में क्लाउड, क्लाउड डेस्कटॉप, आदि) के साथ काम करता है; एआई मॉडल के साथ डिज़ाइन संदर्भ साझा करने और उन्हें घटकों को देखने और समझने देने का समर्थन करता है; प्राकृतिक भाषा का उपयोग करके पेनपॉट के साथ संचार की सुविधा प्रदान करता है।
तो फिर, एमसीपी सर्वर हमें पेनपॉट में क्या करने में सक्षम बना सकते हैं, और मौजूदा प्रयोगों ने पहले ही क्या हासिल किया है? चलो एक नज़र मारें। पेनपॉट एमसीपी सर्वर उपयोग-मामले यदि आप केवल यह जानना चाहते हैं कि पेनपॉट एमसीपी सर्वर क्या कर सकते हैं, तो पेनपॉट के पास Google ड्राइव में कुछ एमसीपी डेमो संग्रहीत हैं जो देखने लायक हैं। पेनपॉट के सीईओ पाब्लो रुइज़-मुज़क्विज़ ने उल्लेख किया कि वीडियो 03, 04, 06, 08 और 12 उनके पसंदीदा हैं। एमसीपी सर्वरों को संक्षेप में प्रस्तुत करने का एक और तेज़ तरीका पेनपॉट फेस्ट 2025 के अनावरण को देखना है। अन्यथा, आइए कुछ अधिक परिष्कृत उदाहरणों पर नज़र डालें जिन्हें पेनपॉट ने अपने सार्वजनिक शोकेस में प्रदर्शित किया। डिज़ाइन-टू-कोड और बैक अगेन (और अधिक) पेनपॉट डिज़ाइन को कोड के रूप में कैसे व्यक्त किया जाता है, इसके बारे में मैं पहले जो कह रहा था, उससे आगे बढ़ते हुए, इसका मतलब है कि एमसीपी सर्वर का उपयोग एआई का उपयोग करके डिज़ाइन को कोड में परिवर्तित करने के लिए किया जा सकता है, लेकिन कोड को डिज़ाइन, डिज़ाइन से दस्तावेज़ीकरण, सिस्टम तत्वों को डिज़ाइन करने के लिए दस्तावेज़ीकरण, उक्त डिज़ाइन सिस्टम के आधार पर फिर से कोड करने के लिए डिज़ाइन, और फिर उक्त डिज़ाइन सिस्टम के आधार पर पूरी तरह से नए घटकों का उपयोग किया जा सकता है। यह अवास्तविक लगता है, लेकिन नीचे दिया गया डेमो इस परिवर्तनशीलता को दिखाता है, और यह अस्पष्ट निर्देश से नहीं बल्कि पिछले डिज़ाइन विकल्पों से है, भले ही उन्हें कैसे भी व्यक्त किया गया हो (डिज़ाइन, कोड, या दस्तावेज़ीकरण)। इसमें कोई आश्चर्य की बात नहीं है - ये केवल वे निर्णय हैं जो आपने पिछले निर्णयों के आधार पर लिए होंगे, जिन्हें तेजी से क्रियान्वित किया गया है। डेमो में, पेनपॉट के डिजाइनर जुआन डे ला क्रूज़ गार्सिया, बिना किसी रुकावट के कुछ सरल घटकों को दस्तावेज़ीकरण, डिज़ाइन सिस्टम तत्वों, कोड, नए घटकों और यहां तक कि प्ले-डोह के एक टुकड़े की तरह एक संपूर्ण स्टोरीबुक प्रोजेक्ट में रूपांतरित करते हैं: डिज़ाइन-टू-कोड, डिज़ाइन/कोड सत्यापन, और सरल संचालन नीचे दिए गए समान डेमो में, ओरियोस एआई के सह-संस्थापक डोमिनिक जैन, फ्रंटएंड शैलियों को अपडेट करने से पहले डिजाइन के आधार पर एक नोड.जेएस वेब ऐप बनाते हैं, स्थिरता के लिए जांचने से पहले सुचारू डिजाइन-टू-कोड अनुवाद सुनिश्चित करने के लिए नाम और पहचानकर्ताओं को मेमोरी में सहेजते हैं, एक जोड़ते हैंपेनपॉट में चयनित आकृति के आगे टिप्पणी करें, और फिर पेनपॉट में एक स्क्रिबल को एक अनुकूलित घटक से बदल दें। यहां बहुत कुछ हो रहा है, लेकिन आप देख सकते हैं कि डोमिनिक क्लाउड डेस्कटॉप में क्या टाइप कर रहा है और साथ ही क्लाउड की प्रतिक्रियाएं भी, और यह बहुत मजबूत है: वैसे, पिछले डेमो में वीएस कोड में क्लाउड का उपयोग किया गया था, इसलिए मुझे ध्यान देना चाहिए कि पेनपॉट एमसीपी सर्वर एलएलएम-अज्ञेयवादी हैं। आपका तकनीकी स्टैक पूरी तरह आप पर निर्भर है। इवानदगीक जेटब्रेन राइडर आईडीई और जूनी एआई के साथ अपना एमसीपी सर्वर स्थापित करने में कामयाब रहा। अधिक उपयोग के मामले किसी भी पेनपॉट डिज़ाइन टोकन का लाभ उठाते हुए एक पेनपॉट बोर्ड को उत्पादन-तैयार सिमेंटिक HTML और मॉड्यूलर सीएसएस में अनुवाद करें (याद रखें कि पेनपॉट डिज़ाइन पहले से ही कोड के रूप में व्यक्त किए गए हैं, इसलिए यह अंधेरे में एक शॉट नहीं है): मौजूदा HTML को बदले बिना एक इंटरैक्टिव वेब प्रोटोटाइप तैयार करें: जैसा कि पहले दिखाया गया है, मौजूदा डिज़ाइन और/या डिज़ाइन सिस्टम तत्वों का लाभ उठाते हुए, एक स्क्रिबल को एक घटक में परिवर्तित करें: पेनपॉट फ़ाइल से डिज़ाइन सिस्टम दस्तावेज़ बनाएं: और यहां पेनपॉट और समुदाय से कुछ और उपयोग के मामले हैं:
उन्नत निर्यात, प्राकृतिक भाषा का उपयोग करके डिज़ाइन तत्वों की खोज करें, प्राकृतिक भाषा का उपयोग करके बाहरी एपीआई से डेटा खींचें, पेनपॉट को अन्य बाहरी उपकरणों से आसानी से कनेक्ट करें, दोहराए जाने वाले कार्यों को स्मृति में सहेजना और उन्हें निष्पादित करना, दृश्य प्रतिगमन परीक्षण, डिज़ाइन की स्थिरता और अतिरेक की जाँच, अभिगम्यता और प्रयोज्यता विश्लेषण और प्रतिक्रिया, डिज़ाइन सिस्टम अनुपालन जाँच, दिशानिर्देश अनुपालन जाँच (ब्रांड, सामग्री, आदि), डिज़ाइन विश्लेषण के साथ अपनाने और उपयोग की निगरानी करें, डिज़ाइन के साथ दस्तावेज़ीकरण को स्वचालित रूप से समन्वयित रखें, डिज़ाइन फ़ाइल संगठन (जैसे, टैगिंग/वर्गीकरण)।
अनिवार्य रूप से, पेनपॉट एमसीपी सर्वर आपके चुने हुए एलएलएम/एलएलएम क्लाइंट की दक्षता और सहजता के कारण अनंत संख्या में वर्कफ़्लो का मार्ग प्रशस्त करते हैं, लेकिन आपके डेटा को इसके संपर्क में लाए बिना। आप एमसीपी सर्वर का उपयोग किस लिए करेंगे? पेनपॉट एमसीपी सर्वर बीटा चरण में भी नहीं हैं, लेकिन यह एक सक्रिय प्रयोग है जिसका आप हिस्सा बन सकते हैं। पेनपॉट उपयोगकर्ताओं ने पहले ही एमसीपी सर्वर के लिए उपयोग के मामलों की खोज शुरू कर दी है, लेकिन पेनपॉट और अधिक देखना चाहता है। यह सुनिश्चित करने के लिए कि अगली पीढ़ी के डिज़ाइन टूल सामान्य रूप से डिजाइनरों, डेवलपर्स और उत्पाद टीमों की जरूरतों को पूरा करते हैं, उन्हें सामूहिक रूप से और सहयोगात्मक रूप से बनाया जाना चाहिए, खासकर जहां एआई का संबंध है। ध्यान दें: पेनपॉट ऐसे बीटा परीक्षकों की तलाश कर रहा है जो पेनपॉट के एमसीपी सर्वर को तलाशने, प्रयोग करने और उसे बेहतर बनाने में मदद करने के लिए उत्सुक हों। शामिल होने के लिए, "एमसीपी बीटा परीक्षण स्वयंसेवक" विषय पंक्ति के साथ support@penpot.app पर लिखें। क्या ऐसा कुछ है जो आपको लगता है कि पेनपॉट एमसीपी सर्वर वह कर सकते हैं जो मौजूदा उपकरण पर्याप्त रूप से अच्छा, पर्याप्त तेज़ नहीं कर पा रहे हैं, या बिल्कुल भी करने में सक्षम नहीं हैं? आप यहीं सीख सकते हैं कि पेनपॉट एमसीपी सर्वर कैसे स्थापित करें और आज ही बदलाव शुरू करें, या यदि आपके दिमाग में पहले से ही विचार घूम रहे हैं, तो पेनपॉट चाहता है कि आप चर्चा में शामिल हों, अपनी प्रतिक्रिया साझा करें और अपने उपयोग-मामलों के बारे में बात करें। वैकल्पिक रूप से, नीचे दिया गया टिप्पणी अनुभाग भी शुरू करने के लिए कोई बुरी जगह नहीं है!
