Այս հոդվածը հովանավորվում է Penpot-ի կողմից Պատկերացրեք, որ ձեր Penpot ֆայլը պարունակում է ամբողջական պատկերակների հավաքածու՝ բացի բուն դիզայնից, որն օգտագործում է այդ պատկերակներից մի քանիսը, բայց ոչ բոլորը: Եթե դուք խնդրեիք AI-ին, ինչպիսիք են Կլոդը կամ Երկվորյակը, արտահանել միայն օգտագործվող պատկերակները, նա չէր կարողանա դա անել: Այն ի վիճակի չէ փոխազդել Penpot ֆայլերի հետ: Այնուամենայնիվ, Penpot MCP սերվերը կարող է. Այն կարող է կատարել ընտրված թվով գործողություններ սահմանված կանոնների և թույլտվությունների ներքո, հատկապես, որ Penpot-ն ունի ընդարձակ API և նույնիսկ ավելին, քանի որ այն բաց կոդով է: AI-ի գործն է պարզապես հասկանալ ձեր մտադրությունը, ընտրել ճիշտ գործողությունը MCP սերվերի համար (այս դեպքում արտահանում) և փոխանցել ցանկացած պարամետր (այսինքն՝ օգտագործվող պատկերակները): Այնուհետև MCP սերվերը դա թարգմանում է API-ի կառուցվածքային հարցում և կատարում այն: Կարող է օգնել պատկերացնել AI-ն որպես սերվեր ռեստորանում, որը ընդունում է ձեր պատվերը, MCP սերվերը և՛ ճաշացանկը, և՛ խոհարարը, և API-ի հարցումը որպես տաք պիցցայի կարկանդակ տաք ափսեի վրա (հուսանք): Ինչու՞ հենց MCP սերվերներ: Դե, Penpot-ը ի վիճակի չէ հասկանալ ձեր մտադրությունը, քանի որ այն LLM չէ, ոչ էլ թույլ է տալիս երրորդ կողմի LLM-ներին փոխազդել ձեր Penpot ֆայլերի հետ՝ ձեր Penpot-ի տվյալների անվտանգության և գաղտնիության համար: Թեև Penpot MCP սերվերները գործում են որպես անվտանգ կամուրջ՝ AI-ի մտադրությունը թարգմանելով API հարցումների՝ օգտագործելով ձեր Penpot ֆայլերը և տվյալները որպես համատեքստ: Ավելի լավն այն է, որ քանի որ Penpot-ն ընդունում է դիզայնի ձևով արտահայտված կոդ մոտեցումը, դիզայնը կարող է ծրագրավորվել, խմբագրվել և վերլուծվել հատիկավոր մակարդակով: Այն ավելի համատեքստային է, ավելի կոնկրետ և, հետևաբար, ավելի հզոր՝ համեմատած այն, ինչ առաջարկում են մյուս MCP սերվերները, և շատ ավելի մտածված, քան «Նկարագրել → Ստեղծել» AI աշխատանքային հոսքը, որը, կարծում եմ, ոչ ոք իրականում չի ցանկանում: Penpot-ի AI Whitepaper-ը սա նկարագրում է որպես վատ մոտեցում, իսկ «Փոխակերպել կոդին» մոտեցումը՝ որպես տգեղ մոտեցում, մինչդեռ MCP սերվերներն ավելի կատարելագործված են և հարմարվող: Առանձնահատկություններ և տեխնիկական մանրամասներ Նախքան դեպքերի օգտագործմանը անցնելը, ահա որոշ առանձնահատկություններ և տեխնիկական մանրամասներ, որոնք ավելի մանրամասն բացատրում են, թե ինչպես են աշխատում Penpot MCP սերվերները.
Համապատասխանում է MCP ստանդարտներին; Ինտեգրվում է Penpot API-ի հետ իրական ժամանակի նախագծման տվյալների համար. Ներառում է Python SDK, REST API, plugin համակարգ և CLI գործիքներ; Աշխատում է ցանկացած MCP-ով միացված AI օգնականի հետ (Claude-ը VS Code-ում, Claude in Cursor, Claude Desktop և այլն); Աջակցում է դիզայնի համատեքստի փոխանակմանը AI մոդելների հետ և թույլ տալով նրանց տեսնել և հասկանալ բաղադրիչները. Հեշտացնում է Penpot-ի հետ շփումը՝ օգտագործելով բնական լեզուն:
Այսպիսով, ի՞նչ կարող են մեզ թույլ տալ MCP սերվերները Penpot-ում անել, և ինչի՞ են հասել արդեն գոյություն ունեցող փորձերը: Եկեք նայենք. Penpot MCP սերվերի օգտագործման դեպքեր Եթե դուք պարզապես ցանկանում եք բաց թողնել այն, ինչ կարող են անել Penpot MCP սերվերները, Penpot-ն ունի մի քանի MCP ցուցադրություն, որոնք պահվում են Google Drive-ում, որոնք ավելի քան արժե դիտել: Penpot-ի գործադիր տնօրեն Պաբլո Ռուիս-Մուզկիզը նշեց, որ 03, 04, 06, 08 և 12 տեսանյութերն իրենց ֆավորիտներն են։ MCP սերվերների ամփոփման նույնիսկ ավելի արագ միջոցը Penpot Fest 2025-ի բացումը դիտելն է: Հակառակ դեպքում, եկեք նայենք մի քանի ավելի հստակ օրինակներին, որոնք Penpot-ը ցուցադրեց իրենց հանրային ցուցափեղկում: Դիզայն-կոդ և նորից վերադարձ (և ավելին) Ելնելով այն ամենից, ինչ ես ասում էի ավելի վաղ այն մասին, թե ինչպես են Penpot-ի դիզայնն արտահայտվում որպես կոդ, սա նշանակում է, որ MCP սերվերները կարող են օգտագործվել դիզայնը կոդի փոխարկելու համար՝ օգտագործելով AI, բայց նաև կոդը՝ դիզայնի, դիզայնը՝ փաստաթղթերի, փաստաթղթերը՝ համակարգի տարրերի նախագծման համար, դիզայնը նորից կոդ՝ հիմնված նշված դիզայնի համակարգի վրա, և այնուհետև բոլորովին նոր բաղադրիչներ՝ հիմնված նշված դիզայնի համակարգի վրա: Դա սյուրռեալիստական է հնչում, բայց ստորև ներկայացված ցուցադրությունը ցույց է տալիս այս փոփոխականությունը, և դա ոչ թե անորոշ հրահանգներից է, այլ դիզայնի նախկին ընտրությունից, անկախ նրանից, թե ինչպես են դրանք արտահայտվել (դիզայն, ծածկագիր կամ փաստաթղթեր): Անակնկալներ չկան. սրանք պարզապես այն որոշումներն են, որոնք դուք, այնուամենայնիվ, կկայացնեիք նախկին որոշումների հիման վրա, որոնք արագ կկատարվեն: Դեմոյում Խուան դե լա Կրուս Գարսիան՝ Penpot-ի դիզայներ, առանց շփման որոշ պարզ բաղադրիչների վերածում է փաստաթղթերի, դիզայնի համակարգի տարրերի, կոդի, նոր բաղադրիչների և նույնիսկ ամբողջական Storybook նախագծի՝ Play-Doh-ի նման: Դիզայն-կոդ, դիզայն/կոդի վավերացում և պարզ գործողություններ Ստորև բերված նմանատիպ ցուցադրությունում Oraios AI-ի համահիմնադիր Դոմինիկ Ջայնը ստեղծում է Node.js վեբ հավելված՝ հիմնվելով դիզայնի վրա՝ նախքան ճակատային ոճերը թարմացնելը, անուններն ու նույնացուցիչները պահպանում է հիշողության մեջ՝ ապահովելու համար դիզայնից կոդ սահուն թարգմանությունը՝ նախքան դրա հետևողականությունը ստուգելը, ավելացնում է.մեկնաբանել Penpot-ում ընտրված ձևի կողքին, այնուհետև Penpot-ում խզբզոցը փոխարինել հարմարեցված բաղադրիչով: Այստեղ շատ բան է տեղի ունենում, բայց դուք կարող եք տեսնել, թե ինչ է Դոմինիկը մուտքագրում Claude Desktop-ում, ինչպես նաև Կլոդի պատասխանները, և դա շատ ուժեղ է. Ի դեպ, նախորդ ցուցադրությունն օգտագործում էր Claude-ը VS Code-ում, ուստի նշեմ, որ Penpot MCP սերվերները LLM-agnostic են։ Ձեր տեխնոլոգիական փաթեթը լիովին կախված է ձեզանից: IvanTheGeek-ին հաջողվել է տեղադրել իրենց MCP սերվերը JetBrains Rider IDE-ի և Junie AI-ի միջոցով: Օգտագործման ավելի շատ դեպքեր Թարգմանեք Penpot-ի տախտակը արտադրության համար պատրաստ իմաստային HTML-ի և մոդուլային CSS-ի՝ միաժամանակ օգտագործելով Penpot-ի դիզայնի ցանկացած նշան (հիշեք, որ Penpot-ի ձևավորումներն արդեն արտահայտված են որպես կոդ, այնպես որ սա մթության մեջ կրակոց չէ): Ստեղծեք ինտերակտիվ վեբ նախատիպ՝ առանց գոյություն ունեցող HTML-ը փոխելու. Ինչպես ցույց է տրվել ավելի վաղ, վերափոխեք խզբզոցը բաղադրիչի՝ օգտագործելով գոյություն ունեցող դիզայնի և/կամ դիզայնի համակարգի տարրերը. Ստեղծեք դիզայնի համակարգի փաստաթղթեր Penpot ֆայլից. Եվ ահա ևս մի քանի օգտագործման դեպքեր Penpot-ից և համայնքից.
Ընդլայնված արտահանում, Որոնել դիզայնի տարրեր բնական լեզվով, Տվյալների դուրսբերում արտաքին API-ներից՝ օգտագործելով բնական լեզուն, Հեշտությամբ միացրեք Penpot-ը այլ արտաքին գործիքների, Կրկնվող առաջադրանքները հիշողության մեջ պահելը և դրանք կատարելը, Տեսողական ռեգրեսիայի թեստավորում, Դիզայնի հետևողականության և ավելորդության ստուգում, Մատչելիության և օգտագործելիության վերլուծություն և հետադարձ կապ, Դիզայնի համակարգի համապատասխանության ստուգում, Ուղեցույցի համապատասխանության ստուգում (ապրանքանիշը, բովանդակությունը և այլն), Դիզայնի վերլուծության միջոցով վերահսկել ընդունումը և օգտագործումը, Փաստաթղթերը ավտոմատ կերպով պահպանում են դիզայնի հետ համաժամանակյա, Դիզայնի ֆայլերի կազմակերպում (օրինակ՝ հատկորոշում/դասակարգավորում):
Ըստ էության, Penpot MCP սերվերները տանում են դեպի անսահման թվով աշխատանքային հոսքեր՝ ձեր ընտրած LLM/LLM հաճախորդի արդյունավետության և դյուրինության շնորհիվ, բայց առանց ձեր տվյալները դրա համար բացահայտելու: Ինչի՞ համար կօգտագործեիք MCP սերվերները: Penpot MCP սերվերները նույնիսկ բետա փուլում չեն, բայց դա ակտիվ փորձ է, որի մի մասը կարող եք լինել: Penpot-ի օգտատերերն արդեն սկսել են ուսումնասիրել MCP սերվերների օգտագործման դեպքերը, սակայն Penpot-ը ցանկանում է ավելին տեսնել: Ապահովելու համար, որ նախագծման գործիքների հաջորդ սերունդը բավարարում է դիզայներների, մշակողների և ընդհանրապես արտադրանքի թիմերի կարիքները, դրանք պետք է ստեղծվեն հավաքականորեն և համատեղ, հատկապես երբ խոսքը վերաբերում է AI-ին: Նշում. Penpot-ը փնտրում է բետա փորձարկողներ, ովքեր ցանկանում են ուսումնասիրել, փորձարկել և օգնել կատարելագործել Penpot-ի MCP սերվերը: Միանալու համար գրեք support@penpot.app հասցեին՝ վերնագրով «MCP բետա թեստի կամավոր»: Կա՞ ինչ-որ բան, որը կարծում եք, որ Penpot MCP սերվերները կարող են անել, որը ներկայիս գործիքները չեն կարողանում անել բավական լավ, բավական արագ կամ ընդհանրապես չեն կարողանում անել: Դուք կարող եք սովորել, թե ինչպես ստեղծել Penpot MCP սերվեր հենց այստեղ և սկսեք աշխատել այսօր, կամ եթե ձեր ուղեղն արդեն բզբզում է գաղափարներով, Penpot-ը ցանկանում է, որ դուք միանաք քննարկմանը, կիսվեք ձեր կարծիքներով և խոսեք ձեր օգտագործման դեպքերի մասին: Որպես այլընտրանք, հենց ներքևում գտնվող մեկնաբանությունների բաժինը նույնպես վատ տեղ չէ սկսելու համար:
