Bu məqalə Penpot tərəfindən maliyyələşdirilir Təsəvvür edin ki, Penpot faylınız dizaynın özündən əlavə, həmin nişanların hamısını deyil, bəzilərini istifadə edən tam ikon dəsti ehtiva edir. Klod və ya Əkizlər kimi süni intellektdən yalnız istifadə olunan nişanları ixrac etməyi xahiş etsəniz, o, bunu edə bilməz. Penpot faylları ilə əlaqə qura bilmir. Bununla belə, Penpot MCP serveri edə bilər. O, müəyyən edilmiş qaydalar və icazələr altında seçilmiş sayda əməliyyatları yerinə yetirə bilər, xüsusən də Penpot-un geniş API-yə malik olması və daha çox açıq mənbə olduğu üçün. AI-nin işi sadəcə niyyətinizi başa düşmək, MCP serverinin yerinə yetirməsi üçün düzgün əməliyyatı seçmək (bu halda ixrac) və istənilən parametrləri (yəni istifadə olunan nişanlar) ötürməkdir. MCP serveri daha sonra bunu strukturlaşdırılmış API sorğusuna çevirir və icra edir. Süni intellektə sifarişinizi qəbul edən bir restoranda server, MCP serverini həm menyu, həm də aşpaz kimi və API sorğusunu (inşallah) isti boşqabda isti pizza pastası kimi düşünmək kömək edə bilər. Niyə məhz MCP serverləri? Yaxşı, Penpot niyyətinizi başa düşə bilmir, çünki bu, LLM deyil və üçüncü tərəf LLM-lərinə Penpot məlumatlarınızın təhlükəsizliyi və məxfiliyi üçün Penpot fayllarınızla əlaqə saxlamağa icazə vermir. Penpot MCP serverləri təhlükəsiz körpü rolunu oynasa da, kontekst kimi Penpot fayllarınızı və məlumatlarınızı istifadə edərək, AI niyyətini API sorğularına tərcümə edir. Daha da yaxşısı odur ki, Penpot kod kimi dizayn yanaşmasını qəbul etdiyinə görə dizaynlar proqramlı şəkildə yaradıla, redaktə edilə və detallı səviyyədə təhlil edilə bilər. Bu, digər MCP serverlərinin təklif etdikləri ilə müqayisədə daha kontekstlidir, daha konkretdir və buna görə də daha güclüdür və heç kimin həqiqətən istəmədiyini düşündüyüm 'Təsvir et → Yarat' alt bölməsindən daha düşünülmüşdür. Penpotun AI ağ kağızı bunu pis yanaşma və 'Koda çevirmə' yanaşmasını çirkin yanaşma kimi təsvir edir, halbuki MCP serverləri daha zərif və uyğunlaşa bilir. Xüsusiyyətlər və Texniki Detallar İstifadə hallarına keçməzdən əvvəl burada Penpot MCP serverlərinin necə işlədiyini izah edən bəzi xüsusiyyətlər və texniki təfərrüatlar verilmişdir:
MCP standartlarına uyğundur; Real vaxt dizayn məlumatları üçün Penpot API ilə inteqrasiya olunur; Python SDK, REST API, plagin sistemi və CLI alətləri daxildir; MCP-yə imkan verən hər hansı AI köməkçisi ilə işləyir (VS Kodunda Klod, Kursorda Klod, Klod Masaüstü və s.); Süni intellekt modelləri ilə dizayn kontekstini paylaşmağı və onlara komponentləri görüb başa düşməyi dəstəkləyir; Təbii dildən istifadə edərək Penpot ilə ünsiyyəti asanlaşdırır.
Beləliklə, MCP serverləri bizə Penpot-da nə etməyə imkan verə bilər və mövcud təcrübələr artıq nəyə nail olunub? Gəlin nəzər salaq. Penpot MCP Server istifadə halları Penpot MCP serverlərinin edə biləcəyi şeylərə keçmək istəyirsinizsə, Penpot-un Google Diskdə gizlədilmiş bir neçə MCP demoları var ki, onları izləməyə dəyər. Penpot baş direktoru Pablo Ruiz-Múzquiz qeyd etdi ki, 03, 04, 06, 08 və 12-ci videolar onların sevimliləridir. MCP serverlərini ümumiləşdirməyin daha sürətli yolu Penpot Fest 2025-in təqdimatını izləməkdir. Əks təqdirdə, Penpotun ictimai vitrinində nümayiş etdirdiyi daha incə nümunələrə nəzər salaq. Dizayndan Koda və Yenidən (və daha çox) Penpot dizaynlarının kod kimi necə ifadə olunduğu haqqında əvvəllər söylədiyimimə əsaslansaq, bu o deməkdir ki, MCP serverləri süni intellektdən istifadə edərək dizaynı koda çevirmək üçün istifadə oluna bilər, həm də dizayn üçün kod, dizaynı sənədləşdirməyə, sistem elementlərini dizayn etmək üçün sənədləri, sözügedən dizayn sisteminə əsaslanan yenidən koda dizaynı və sonra sözügedən dizayn sisteminə əsaslanan tamamilə yeni komponentləri. Bu, irreal səslənir, lakin aşağıdakı demo bu dəyişkənliyi göstərir və bu, qeyri-müəyyən təlimatdan deyil, necə ifadə olunduğundan (dizayn, kod və ya sənədlər) asılı olmayaraq əvvəlki dizayn seçimlərindəndir. Sürprizlər yoxdur - bunlar sadəcə olaraq əvvəlki qərarlara əsaslanaraq, tez bir zamanda icra etdiyiniz qərarlardır. Demoda, Penpot-un dizayneri Juan de la Cruz García, bəzi sadə komponentləri sürtünmədən sənədlərə, dizayn sistem elementlərinə, koda, yeni komponentlərə və hətta Play-Doh parçası kimi tam Hekayə kitabı layihəsinə çevirir: Dizayndan Koda, Dizayn/Kod Təsdiqləmə və Sadə Əməliyyatlar Aşağıdakı oxşar demoda Oraios AI-nin həmtəsisçisi Dominik Jain frontend üslublarını yeniləməzdən əvvəl dizayn əsasında Node.js veb tətbiqini yaradır, ardıcıllığı yoxlamadan əvvəl dizayndan koda hamar tərcüməni təmin etmək üçün adları və identifikatorları yaddaşda saxlayır, əlavə edir.Penpot-da seçilmiş formanın yanında şərh yazın və sonra Penpot-dakı cızıqları uyğunlaşdırılmış komponentlə əvəz edir. Burada çox şey baş verir, lakin siz Dominikin Claude Desktop-a nə yazdığını, eləcə də Klodun cavablarını dəqiq görə bilərsiniz və bu, çox möhkəmdir: Yeri gəlmişkən, əvvəlki demoda Claude VS Code-da istifadə edilmişdir, ona görə də qeyd etməliyəm ki, Penpot MCP serverləri LLM-aqnostikdir. Texniki yığınınız tamamilə sizə bağlıdır. IvanTheGeek, JetBrains Rider IDE və Junie AI ilə MCP serverini qurmağı bacardı. Daha çox istifadə halları İstənilən Penpot dizayn işarələrindən istifadə etməklə Penpot lövhəsini istehsala hazır semantik HTML və modul CSS-ə tərcümə edin (unutmayın ki, Penpot dizaynları artıq kod kimi ifadə olunub, ona görə də bu, qaranlıqda çəkiliş deyil): Mövcud HTML-ni dəyişmədən interaktiv veb prototipini yaradın: Daha əvvəl göstərildiyi kimi, mövcud dizayn və/yaxud dizayn sisteminin elementlərindən istifadə edərək cızıqları komponentə çevirin: Penpot faylından dizayn sistemi sənədlərini yaradın: Penpot və icmadan daha bir neçə istifadə halları bunlardır:
Qabaqcıl ixrac, Təbii dildən istifadə edərək dizayn elementlərini axtarın, Təbii dildən istifadə edərək xarici API-lərdən məlumat çəkin, Penpot-u digər xarici alətlərə asanlıqla birləşdirin, Təkrarlanan tapşırıqları yaddaşda saxlamaq və yerinə yetirmək, Vizual reqressiya testi, Dizayn ardıcıllığı və artıqlığın yoxlanılması, Əlçatanlıq və istifadənin təhlili və rəyi, Dizayn sisteminin uyğunluğunun yoxlanılması, Təlimatlara uyğunluğun yoxlanılması (marka, məzmun və s.), Dizayn analitikası ilə qəbulu və istifadəni izləmək, Sənədləri avtomatik olaraq dizaynla sinxronlaşdırmaq, Dizayn faylının təşkili (məsələn, etiketləmə/kateqoriyalaşdırma).
Əslində, Penpot MCP serverləri seçdiyiniz LLM/LLM müştərinin səmərəliliyi və asanlığı sayəsində sonsuz sayda iş axınına yol açır, lakin məlumatlarınızı ona məruz qoymadan. MCP Serverlərindən nə üçün istifadə edərdiniz? Penpot MCP serverləri hətta beta mərhələsində deyil, lakin bu, bir hissəsi ola biləcəyiniz aktiv bir təcrübədir. Penpot istifadəçiləri artıq MCP serverləri üçün istifadə hallarını araşdırmağa başlayıblar, lakin Penpot daha çox görmək istəyir. Növbəti nəsil dizayn alətlərinin dizaynerlərin, tərtibatçıların və ümumilikdə məhsul komandalarının ehtiyaclarına cavab verməsini təmin etmək üçün, xüsusilə süni intellektə aid olduğu yerlərdə, onlar kollektiv və birgə şəkildə qurulmalıdır. Qeyd: Penpot Penpotun MCP Serverini araşdırmaq, sınaqdan keçirmək və təkmilləşdirməyə kömək etmək istəyən beta testçiləri axtarır. Qoşulmaq üçün support@penpot.app ünvanına “MCP beta test könüllüsü” başlığı ilə yazın. Sizcə, Penpot MCP serverlərinin edə biləcəyi bir şey varmı ki, mövcud alətlər kifayət qədər yaxşı, kifayət qədər sürətli və ya ümumiyyətlə edə bilmir? Siz burada Penpot MCP serverini necə quracağınızı öyrənə və bu gün işləməyə başlaya bilərsiniz və ya beyniniz artıq ideyalarla məşğuldursa, Penpot sizin müzakirəyə qoşulmağınızı, rəyinizi paylaşmağınızı və istifadə hallarınız haqqında danışmağınızı istəyir. Alternativ olaraq, aşağıda şərh bölməsi də başlamaq üçün pis yer deyil!
