ई लेख पेनपॉट द्वारा प्रायोजित अछि कल्पना करू जे अहाँक पेनपॉट फाइल मे डिजाइनक अतिरिक्त एकटा पूरा आइकन सेट अछि, जे किछु ओहि आइकन सभक उपयोग करैत अछि मुदा सभटा नहि । जँ अहाँ क्लाउड वा जेमिनी सन एआई केँ कहब जे ओ मात्र ओहि आइकन केँ निर्यात करय जेकर उपयोग भ’ रहल अछि त’ ओ से नहि क’ सकैत छल. ई पेनपॉट फाइल स’ बातचीत करबा मे सक्षम नहि अछि. मुदा, पेनपॉट एमसीपी सर्वर क' सकैत अछि. ई निर्धारित नियम आरू अनुमति के तहत हाथऽ स॑ चुनलऽ गेलऽ संख्या म॑ ऑपरेशन करी सकै छै, खास करी क॑ जब॑ कि पेनपॉट के पास एगो व्यापक एपीआई छै आरू आरू भी अधिक छै, कैन्हेंकि ई ओपन-सोर्स छै । एआई कें काज बस अहां कें इरादा कें समझनाय, एमसीपी सर्वर कें लेल सही ऑपरेशन चुननाय (अइ मामला मे एकटा निर्यात), आ कोनों पैरामीटर (अर्थात, आइकन जे उपयोग कैल जा रहल छै) कें साथ पास करनाय छै. तखन एमसीपी सर्वर एकरा संरचित एपीआई अनुरोध मे अनुवाद करयत छै आ ओकरा निष्पादित करयत छै. एआई के रेस्टोरेंट में सर्वर के रूप में सोचब मददगार भ सकैत अछि जे अहाँक ऑर्डर लैत अछि, एमसीपी सर्वर के मेनू आ शेफ दुनू के रूप में, आ एपीआई अनुरोध के (आशा अछि) गर्म प्लेट में गरम पिज्जा पाई के रूप में. एमसीपी सर्वर किएक, ठीक-ठीक? खैर, पेनपॉट अहां कें मंशा कें समझय मे सक्षम नहि छै, कियाकि इ कोनों एलएलएम नहि छै, आ नहि ही ओ अहां कें पेनपॉट डाटा कें सुरक्षा आ गोपनीयता कें लेल थर्ड पार्टी एलएलएम कें अहां कें पेनपॉट फाइल सं बातचीत करय कें अनुमति देयत छै. यद्यपि पेनपॉट एमसीपी सर्वर एकटा सुरक्षित पुल कें रूप मे काज करयत छै, मुदा संदर्भ कें रूप मे अहां कें पेनपॉट फाइल आ डाटा कें उपयोग करयत एआई इरादा कें एपीआई अनुरोधक मे अनुवाद करयत छै. एकरा स॑ भी अच्छा बात ई छै कि पेनपॉट डिजाइन-एक्सप्रेस्ड-एज-कोड के तरीका अपनाबै छै, ई लेली डिजाइन क॑ प्रोग्रामेटिक रूप स॑ बनालऽ जाय सकै छै, संपादित करी क॑ दानेदार स्तर प॑ विश्लेषण करलऽ जाय सकै छै । ई अन्य एमसीपी सर्वर जे प्रदान करै छै ओकरऽ तुलना म॑ अधिक संदर्भात्मक, अधिक विशेष, आरू यही वजह स॑ अधिक शक्तिशाली छै, आरू सबपार ‘वर्णन → जनरेट’ एआई वर्कफ़्लो स॑ कहीं अधिक विचारशील छै जे हमरा नै लगै छै कि वास्तव म॑ कोय चाहै छै । पेनपॉट केरऽ एआई श्वेतपत्र म॑ एकरा खराब तरीका आरू ‘कॉन्वर्ट टू कोड’ दृष्टिकोण क॑ बदसूरत तरीका के रूप म॑ वर्णित करलऽ गेलऽ छै, जबकि एमसीपी सर्वर अधिक परिष्कृत आरू अनुकूलनशील छै । विशेषताएँ एवं तकनीकी विवरण उपयोग केस पर आगू बढ़य सं पहिने, एतय किछु सुविधा आ तकनीकी विवरण देल गेल अछि जे आओर बताबैत अछि जे पेनपॉट एमसीपी सर्वर कोना काज करैत अछि:
एमसीपी मानक कें अनुपालन करयत छै; वास्तविक समय डिजाइन डाटा कें लेल पेनपॉट एपीआई कें साथ एकीकृत करयत छै; एकटा पायथन एसडीके, REST एपीआई, प्लगइन सिस्टम, आओर सीएलआई उपकरण शामिल अछि; कोनों एमसीपी-सक्षम एआई सहायक (वीएस कोड मे क्लाउड, कर्सर मे क्लाउड, क्लाउड डेस्कटॉप, आदि) कें साथ काम करयत छै; एआई मॉडल कें साथ डिजाइन संदर्भ साझा करय कें समर्थन करयत छै, आ ओकरा घटक कें देखय आ समझय देयत छै; प्राकृतिक भाषा कें उपयोग करयत पेनपॉट कें साथ संवाद कें सुविधा प्रदान करयत छै.
तखन एमसीपी सर्वर हमरा सब कें पेनपॉट मे की करय मे सक्षम बना सकय छै, आ मौजूदा प्रयोगक सं पहिने सं की हासिल भ गेल छै? एक बेर नजरि दी। पेनपॉट एमसीपी सर्वर उपयोग-केस अगर अहां सिर्फ एहि पर छोड़य चाहय छी जे पेनपॉट एमसीपी सर्वर की क सकैत अछि त पेनपॉट के पास किछ एमसीपी डेमो गूगल ड्राइव मे छिपल अछि जे देखय लायक सं बेसि अछि. पेनपॉट केरऽ सीईओ पाब्लो रुइज-मुज़्क्विज न॑ उल्लेख करलकै कि वीडियो ०३, ०४, ०६, ०८, आरू १२ हुनकऽ पसंदीदा छै । एमसीपी सर्वर क॑ संक्षेप म॑ बताबै के आरू तेज तरीका छै कि पेनपॉट फेस्ट २०२५ स॑ अनावरण देखलऽ जाय । नहिं त’ किछु बेसी परिष्कृत उदाहरण पर एक नजरि दी जे पेनपॉट अपन सार्वजनिक शोकेस मे देखौलनि. डिजाइन-टू-कोड आ बैक फेर (आ बेसी) हम पहिने जे कहि रहल छलहुं ओहि पर चलैत जे पेनपॉट डिजाइन कए कोड क रूप मे कोना व्यक्त कैल जाइत अछि, एकर मतलब अछि जे एमसीपी सर्वर क उपयोग एआई क उपयोग कए डिजाइन कए कोड मे बदलबा लेल कैल जा सकैत अछि, मुदा कोड स डिजाइन, डिजाइन कए दस्तावेजीकरण, दस्तावेजीकरण कए डिजाइन सिस्टम तत्व, उक्त डिजाइन सिस्टम क आधार पर डिजाइन कए फेर स कोड, आ फेर उक्त डिजाइन सिस्टम क आधार पर बिल्कुल नव घटक सेहो कैल जा सकैत अछि । ई अतिवास्तविक लगै छै, लेकिन नीचे देलऽ गेलऽ डेमो ई परिवर्तनशीलता क॑ देखाबै छै, आरू ई अस्पष्ट निर्देश स॑ नै बल्कि पिछला डिजाइन विकल्प स॑ छै, चाहे ओकरा कोना व्यक्त करलऽ गेलऽ छेलै (डिजाइन, कोड, या दस्तावेजीकरण) । कोनो आश्चर्यक बात नहि — ई सब बस ओ निर्णय अछि जे अहाँ ओनाहु पूर्वक निर्णयक आधार पर क’ लैतहुँ, तेजी सँ निष्पादित. डेमो म॑, पेनपॉट केरऽ डिजाइनर जुआन डे ला क्रूज गार्सिया, घर्षण के बिना कुछ सरल घटकऽ क॑ दस्तावेजीकरण, डिजाइन सिस्टम तत्व, कोड, नया घटक, आरू यहां तक कि प्ले-डोह केरऽ टुकड़ा के तरह एक पूरा स्टोरीबुक परियोजना म॑ बदली दै छै: डिजाइन-टू-कोड, डिजाइन/कोड सत्यापन, आ सरल संचालन नीचें देलऽ गेलऽ एगो ऐसनऽ ही डेमो म॑, ओराइओस एआई केरऽ सह-संस्थापक डोमिनिक जैन, फ्रंटएंड शैली क॑ अपडेट करै स॑ पहल॑ डिजाइन प॑ आधारित एगो Node.js वेब ऐप बनाबै छै, नाम आरू पहचानकर्ता क॑ मेमोरी म॑ सेव करै छै ताकि एकरऽ स्थिरता के जांच करै स॑ पहल॑ सुचारू डिजाइन-टू-कोड अनुवाद सुनिश्चित करलऽ जाय सक॑, एक जोड़ै छैपेनपॉट म॑ चुनलऽ गेलऽ आकृति के बगल म॑ टिप्पणी करै छै, आरू ओकरा बाद पेनपॉट म॑ एक स्क्रिबल क॑ अनुकूलित घटक स॑ बदलै छै । एतय बहुत किछु भ’ रहल अछि, मुदा अहाँ देखि सकैत छी जे डोमिनिक क्लाउड डेस्कटॉप मे ठीक-ठीक की टाइप क’ रहल छथि आ संगहि क्लाउडक प्रतिक्रिया सेहो, आ ई बहुत मजबूत अछि: वैसे, पिछला डेमो में वीएस कोड में क्लाउड के प्रयोग भेल छल, ताहि लेल हमरा ध्यान देबय के चाही जे पेनपॉट एमसीपी सर्वर एलएलएम-अज्ञेयवादी अछि. अहाँक टेक स्टैक एकदम अहाँ पर निर्भर अछि। इवानदगीक जेटब्रेन्स राइडर आईडीई आरू जूनी एआई के साथ अपनऽ एमसीपी सर्वर क॑ सेट करै म॑ सफल रहलै । अधिक उपयोग केस कोनों पेनपॉट डिजाइन टोकन कें लाभ उठाबैत एकटा पेनपॉट बोर्ड कें उत्पादन-तैयार सिमेंटिक एचटीएमएल आ मॉड्यूलर सीएसएस मे अनुवाद करूं (याद राखूं कि पेनपॉट डिजाइन पहिने सं कोड कें रूप मे व्यक्त कैल गेल छै, अइ कें लेल इ अन्हार मे शॉट नहि छै): मौजूदा एचटीएमएल बदलने बिना एकटा इंटरैक्टिव वेब प्रोटोटाइप उत्पन्न करू: जैना की पहिले दिखायल गेल छै, कोनों स्क्रिबल कें घटक मे बदलूं, मौजूदा डिजाइन आ/अथवा डिजाइन प्रणाली तत्वक कें लाभ उठायत: एकटा पेनपॉट फाइल सं डिजाइन सिस्टम दस्तावेजीकरण बनाउ: आओर एतय पेनपॉट आओर समुदाय सं किछ आओर यूज-केस अछि:
उन्नत निर्यात, 1999। प्राकृतिक भाषा के प्रयोग से डिजाइन तत्वों की खोज, प्राकृतिक भाषा क उपयोग कए बाहरी एपीआई स डेटा खींचू, पेनपॉट कें अन्य बाहरी उपकरण सं आसानी सं जोड़ू, दोहराबै वाला कार्य क॑ मेमोरी म॑ सेव करना आरू ओकरा निष्पादित करना, दृश्य प्रतिगमन परीक्षण, 1999। डिजाइन स्थिरता आ अतिरेक जांच, सुलभता एवं उपयोगिता विश्लेषण एवं प्रतिक्रिया, डिजाइन प्रणाली अनुपालन जांच, 1999। दिशा निर्देश अनुपालन जांच (ब्रांड, सामग्री, आदि), 1.1. डिजाइन विश्लेषणात्मकता के साथ अपनाना एवं उपयोग की निगरानी, स्वचालित रूप स दस्तावेजीकरण कए डिजाइन क संग सिंक मे राखू, डिजाइन फाइल संगठन (जैसे, टैगिंग/वर्गीकरण)।
अनिवार्य रूप सं, पेनपॉट एमसीपी सर्वर अहां कें चुनल गेल एलएलएम/एलएलएम क्लाइंट कें दक्षता आ सहजता कें बदौलत असीम संख्या मे कार्यप्रवाह कें रास्ता ले जायत छै, मुदा अहां कें डाटा कें ओकरा सामने उजागर करय कें बिना. अहां एमसीपी सर्वर कें उपयोग की करय कें लेल करब? पेनपॉट एमसीपी सर्वर बीटा स्टेज पर सेहो नहिं अछि, मुदा ई एकटा सक्रिय प्रयोग अछि जकर हिस्सा अहां बनि सकैत छी. पेनपॉट उपयोगकर्ता एमसीपी सर्वर कें लेल उपयोग केस कें खोज करनाय शुरू कयर चुकल छै, मुदा पेनपॉट आओर देखय चाहय छै. इ सुनिश्चित करय कें लेल की अगिला पीढ़ी कें डिजाइन उपकरणक कें डिजाइनर, डेवलपर, आ सामान्य रूप सं उत्पाद टीमक कें जरूरतक कें पूरा करय कें लेल, ओकरा सामूहिक रूप सं आ सहयोगात्मक रूप सं बनानाय आवश्यक छै, खासकर जत एआई कें संबंध छै. नोट: पेनपॉट बीटा परीक्षक कें तलाश मे छै जे पेनपॉट कें एमसीपी सर्वर कें खोज करय, प्रयोग करय आ ओकरा परिष्कृत करय मे मदद करय कें लेल उत्सुक छै. जुड़य लेल support@penpot.app पर लिखू जाहि मे विषय पंक्ति “MCP beta test volunteer” अछि। की एहन कोनो बात अछि जे अहाँ कें लगैत अछि जे पेनपॉट एमसीपी सर्वर क’ सकैत अछि जे वर्तमान उपकरण पर्याप्त नीक, पर्याप्त तेज, वा बिल्कुल नहि क’ सकैत अछि? अहां एतहि सं पेनपॉट एमसीपी सर्वर सेटअप करय के तरीका सीख सकय छी आओर आई सं टिंकरिंग शुरू क सकय छी, या अगर अहां के दिमाग पहिने सं विचार सं गुंजायमान अछि तं पेनपॉट चाहैत अछि जे अहां चर्चा मे शामिल भ’ जाउ, अपन प्रतिक्रिया साझा करी, आओर अपन यूज-केस के बारे मे बात करी. एकर अलावा, ठीक नीचा कमेंट सेक्शन सेहो शुरू करय लेल कोनो खराब जगह नहिं अछि !
