Бу мәкалә Penpot иганәчесе Күз алдыгызга китерегез, сезнең Penpot файлында дизайнның үзенә өстәп тулы икона тупланган, ул кайбер иконаларны куллана, ләкин бөтенесен дә кулланмый. Әгәр сез Клод яки Егетләр кебек ЯИдан кулланыла торган иконаларны экспортлауны сорасагыз, ул моны эшли алмас иде. Ул Penpot файллары белән үзара бәйләнештә тора алмый. Ләкин, Penpot MCP серверы эшли ала. Бу билгеләнгән кагыйдәләр һәм рөхсәтләр буенча сайланган сандагы операцияләрне башкара ала, бигрәк тә Пенпотның киң API булганга һәм тагын да күбрәк, чөнки ул ачык чыганак. ЯИ эше - сезнең ниятегезне аңлау, MCP серверы башкару өчен дөрес операция сайлау (бу очракта экспорт), һәм теләсә нинди параметрлар аша узу (мәсәлән, кулланыла торган иконалар). Аннары MCP серверы моны структуралаштырылган API соравына тәрҗемә итә һәм аны башкара. Бу сезнең заказны кабул иткән ресторанда сервер, MCP серверы меню да, пешекче дә, һәм API соравы җылы тәлинкәдә кайнар пицца бәлеше дип уйларга ярдәм итә ала. Ни өчен MCP серверлары? Ярый, Penpot сезнең ниятегезне аңлый алмый, чөнки ул LLM түгел, һәм өченче як LLMларга сезнең Penpot файлларыгыз белән Penpot мәгълүматларыгызның куркынычсызлыгы һәм хосусыйлыгы өчен аралашырга рөхсәт итми. Penpot MCP серверлары куркынычсыз күпер булып эшләсәләр дә, AI ниятен API запросларына сезнең Penpot файллары һәм мәгълүматларын контекст итеп тәрҗемә итәләр. Иң яхшысы - Пенпот дизайн-код-код алымы булганга, дизайннар программалы рәвештә ясалырга, редакцияләнергә һәм гранул дәрәҗәсендә анализланырга мөмкин. Бу башка контекстлы, конкретрак, шуңа күрә башка MCP серверлары тәкъдим иткәннәр белән чагыштырганда көчлерәк, һәм "Тасвирлау → Генерацияләү" ЯИ эш процессына караганда күпкә уйлырак, мин беркем дә теләмәгән дип уйлыйм. Пенпотның ЯИ акты моны начар караш һәм "Кодка әйләндерү" алымын ямьсез караш дип тасвирлый, ә MCP серверлары чистартылган һәм җайлаштырылган. Featuresзенчәлекләр һәм техник детальләр Эшләрне куллануга күчкәнче, монда кайбер үзенчәлекләр һәм техник детальләр бар, алар Penpot MCP серверларының ничек эшләвен аңлаталар:
MCP стандартларына туры килә; Реаль вакыттагы дизайн мәгълүматлары өчен Penpot API белән интеграцияләнә; Python SDK, REST API, плагин системасы һәм CLI коралларын үз эченә ала; MCP ярдәмендә теләсә нинди ЯИ ярдәмчесе белән эшли (Клод VS коды, Курсордагы Клод, Клод өстәле һ.б.); ЯИ модельләре белән дизайн контекстын бүлешүне хуплый, һәм компонентларны күрергә һәм аңларга рөхсәт итә; Пенпот белән табигый тел кулланып аралашуны җиңеләйтә.
Алайса, MCP серверлары безгә Пенпотта нәрсә эшләргә мөмкинлек бирә алалар, һәм булган экспериментлар нәрсәгә ирештеләр? Әйдә карыйк. Penpot MCP серверын куллану очраклары Әгәр дә сез Penpot MCP серверлары эшли алырлык әйберләргә күченергә телисез икән, Penpot'ның Google Drive'да берничә MCP демосы бар, алар карау өчен кыйммәт түгел. Penpot генераль директоры Пабло Руиз-Мизкиз 03, 04, 06, 08, һәм 12 видеоларның яратканнарын искә төшерде. MCP серверларына йомгак ясауның тагын да тизрәк ысулы - Penpot Fest 2025 ачылышын карау. Otherwiseгыйсә, әйдәгез, Пенпот аларның иҗтимагый витринасында күрсәткән тагын да чистартылган мисалларга күз салыйк. Дизайн-код һәм кире кайту (һәм тагын) Penpot конструкцияләренең код рәвешендә ничек күрсәтелүе турында алдан әйткәннәремнән чыгып, бу MCP серверларын дизайнны AI ярдәмендә кодка әверелдерү өчен кулланырга мөмкин, шулай ук дизайнга код, документлаштыру, система элементларын проектлау өчен документлар, әйтелгән дизайн системасы нигезендә яңадан кодлау, аннары әйтелгән дизайн системасы нигезендә бөтенләй яңа компонентлар. Бу сюрреаль яңгырый, ләкин түбәндәге демо бу трансмутацияне күрсәтә, һәм бу аңлаешсыз күрсәтмәдән түгел, ә ничек ясалганнарына карамастан (дизайн, код, яки документлар). Сюрпризлар юк - болар бары тик алдагы карарларга нигезләнеп, тиз башкарылган карарлар. Демода Хуан де ла Круз Гарсия, Пенпоттагы дизайнер, кайбер гади компонентларны документациягә, дизайн системасы элементларына, кодка, яңа компонентларга, хәтта Play-Doh кисәге кебек тулы хикәя китабы проектына күчерә: Дизайн-код-код, дизайн / кодны тикшерү, һәм гади операцияләр Түбәндәге охшаш демода, Oraios AI-ның нигез салучысы Доминик Джейн, фронталь стильләрне яңартканчы, дизайн нигезендә Node.js веб-кушымтасы ясый, исемнәрне һәм идентификаторларны хәтердә саклый, эзлеклелеген тикшергәнче, дизайн-код тәрҗемәсен тәэмин итә.Пенпотта сайланган форма янында аңлатма бирегез, аннары Пенпоттагы язуны адаптацияләнгән компонент белән алыштырыгыз. Монда бик күп вакыйгалар була, ләкин сез Доминикның Клод өстәленә нәрсә язганын, шулай ук Клодның җавапларын күрә аласыз, һәм ул бик нык: Әйткәндәй, алдагы демо Клодны VS кодында кулланган, шуңа күрә әйтергә кирәк, Penpot MCP серверлары LLM-агностик. Сезнең технология стакасы тулысынча сезгә бәйле. IvanTheGeek аларның MCP серверын JetBrains Rider IDE һәм Junie AI белән урнаштыра алды. Күбрәк куллану очраклары Penpot тактасын производствога әзер семантик HTML һәм модульле CSS тәрҗемә итегез, теләсә нинди Penpot дизайн билгеләрен кулланганда (онытмагыз, Penpot дизайннары инде код рәвешендә күрсәтелгән, шуңа күрә бу караңгыда атылмый): Хәзерге HTML-ны үзгәртмичә интерактив веб-прототип ясагыз: Алда күрсәтелгәнчә, булган дизайнны һәм / яки дизайн системасы элементларын кулланып, скриблны компонентка әйләндерегез: Penpot файлыннан дизайн системасы документларын ясагыз: Менә Пенпот һәм җәмгыятьтән тагын берничә очрак:
Алга киткән экспорт, Табигать телен кулланып дизайн элементларын эзләү, Табигый тел кулланып тышкы API-лардан мәгълүмат алыгыз, Пенпотны башка тышкы коралларга җиңел тоташтырыгыз, Кабатланучы биремнәрне хәтергә саклау һәм аларны башкару, Визуаль регрессия тесты, Дизайн эзлеклелеге һәм артык арту тикшерү, Уңайлык һәм куллану анализы һәм кире кайту, Дизайн системасының туры килүен тикшерү, Реклама үтәлешен тикшерү (бренд, эчтәлек һ.б.), Дизайн аналитикасы белән кабул итү һәм куллануны контрольдә тоту, Дизайн белән синхрон рәвештә документларны автоматик рәвештә саклагыз, Дизайн файл оешмасы (мәсәлән, тамгалау / категорияләү).
Асылда, Penpot MCP серверлары сез сайлаган LLM / LLM клиентыгызның эффективлыгы һәм җиңеллеге аркасында чиксез санлы эш процессына алып бара, ләкин сезнең мәгълүматыгызны ачмыйча. Сез MCP серверларын нәрсә өчен кулланыр идегез? Penpot MCP серверлары бета стадиясендә дә юк, ләкин бу актив эксперимент, сез аның өлеше була аласыз. Penpot кулланучылары MCP серверлары өчен куллану очракларын өйрәнә башладылар, ләкин Penpot күбрәк күрергә тели. Киләсе буын дизайн кораллары дизайнерларның, уйлап табучыларның, гомумән, продукт коллективларының ихтыяҗларын канәгатьләндерсен өчен, алар коллектив һәм бергәләп төзелергә тиеш, аеруча ЯИ турында. Искәрмә: Penpot бета-тестларны эзли, Penpot'ның MCP Серверын чистартырга ярдәм итә. Кушылу өчен, "MCP бета-тест волонтеры" темасы белән support@penpot.app адресына языгыз. Penpot MCP серверлары хәзерге кораллар җитәрлек дәрәҗәдә эшли алмаган, җитәрлек тиз эшли алмаган яки бөтенләй эшли алмаган берәр нәрсә бармы? Сез монда Penpot MCP серверын ничек урнаштырырга һәм бүген уйлана башларга өйрәнә аласыз, яисә баш миегез идеялар белән шаулашса, Penpot сезнең фикер алышуда катнашуыгызны, фикерләрегезне уртаклашуыгызны һәм куллану очракларыгыз турында сөйләшүегезне тели. Альтернатив рәвештә, астагы аңлатма бүлеге дә башлау өчен начар урын түгел!
