Daytoy nga artikulo ket inisponsoran ti Penpot Panunotem a ti Penpot file-mo ket naglaon iti naan-anay nga icon set malaksid iti disenio a mismo, nga agus-usar iti sumagmamano ngem saan nga amin kadagita nga icon. No kiddawem iti maysa nga AI a kas ken ni Claude wenno Gemini nga i-exportna laeng dagiti icon a maus-usar, dina maaramid dayta. Saanna a kabaelan ti makilangen kadagiti Penpot files. Nupay kasta, ti maysa a serbidor ti Penpot MCP ket mabalin. Mabalinna nga aramiden ti napili a bilang dagiti operasion iti sidong dagiti naikeddeng a pagannurotan ken pammalubos, nangruna ta ti Penpot ket addaan iti nasaknap nga API ken ad-adda pay gapu ta open-source daytoy. Ti trabaho ti AI ket basta maawatan ti panggepmo, pilien ti umno nga operasion para iti serbidor ti MCP nga aramiden (maysa nga eksport iti daytoy a kaso), ken ipasa ti ania man a parametro (i.e., dagiti ikono a maus-usar). Kalpasanna ti serbidor ti MCP ket mangipatarus daytoy iti naistruktura a kiddaw ti API ken mangipatungpal daytoy. Mabalin a makatulong ti panangpanunot iti AI kas maysa a server iti maysa a restawran a mangala iti ordermo, ti MCP server kas agpada a menu ken chef, ken ti kiddaw ti API kas (namnamaen) a napudot a pizza pie iti nabara a plato. Apay nga MCP servers, eksakto? Bueno, saan a maawatan ti Penpot ti panggepmo gapu ta saan nga LLM, ken dina met palubosan dagiti third-party LLM a makilangen kadagiti Penpot file-mo para iti seguridad ken kinapribado ti datam ti Penpot. Urayno dagiti serbidor ti Penpot MCP ket agtignayda a kas ti natalged a rangtay, ti panagipatarus ti panggep ti AI kadagiti kiddaw ti API babaen ti panagusar kadagiti papeles ken datosmo ti Penpot a kas konteksto. Ti nasaysayaat pay ket gapu ta ti Penpot ket mangala ti design-expressed-as-code approach, dagiti disenio ket mabalin a programatiko a maparsua, ma-edit, ken ma-analisar iti granular a lebel. Daytoy ket ad-adda a konteksto, ad-adda a partikular, ken ngarud ad-adda a nabileg no idilig iti no ania ti ituktukon dagiti dadduma a serbidor ti MCP, ken adayo nga ad-adda a nainpanunotan ngem ti subpar a ‘Describe → Generate’ AI workflow a diak pagarupen nga adda asinoman a talaga a kayat. Ti Penpot’s AI whitepaper ket mangiladawan daytoy a kas ti dakes a wagas ken ti ‘Convert to Code’ a wagas a kas ti naalas a wagas, idinto a dagiti MCP server ket ad-adda a napinpintas ken makibagay. Tampok Ken Teknikal a Detalye Sakbay nga umakartayo kadagiti kaso ti panagusar, adda ditoy ti sumagmamano a tampok ken teknikal a detalye nga ad-adda a mangilawlawag no kasano ti panagtrabaho dagiti serbidor ti Penpot MCP:
Agtungpal kadagiti pagalagadan ti MCP; Makitipon iti Penpot API para iti aktual nga oras a datos ti disenio; Iramanna ti Python SDK, REST API, sistema ti plugin, ken dagiti ramit ti CLI; Agtrabaho iti ania man a katulongan ti AI a napalubosan ti MCP (Claude iti VS Code, Claude iti Kursor, Claude Desktop, kdpy.); Suportaranna ti panagbingbingay ti konteksto ti disenio kadagiti modelo ti AI, ken bay-an ida a makakita ken makaawat kadagiti paset; Mangpasayaat iti komunikasion iti Penpot babaen ti panangusar iti natural a pagsasao.
Ania ngarud ti mabalin a mangpabalin kadatayo nga aramiden dagiti MCP server iti Penpot, ken ania ti nagun-odan dagiti addan nga eksperimento? Kitaentayo. Dagiti Panagusar-a-Kaso ti Serbidor ti Penpot MCP No kayatmo laeng a laksiden ti maaramidan dagiti serbidor ti Penpot MCP, addaan ti Penpot iti sumagmamano a demo ti MCP a nailemmeng iti Google Drive nga ad-adu ngem maikari a buyaen. Dinakamat ni Penpot CEO Pablo Ruiz-Múzquiz a dagiti video 03, 04, 06, 08, ken 12 ti paboritoda. Ti naparpartak pay a wagas a manggupgop kadagiti MCP server ket ti panangbuya iti pannakaibuksil manipud iti Penpot Fest 2025. Ta no saan, kitaentayo ti sumagmamano kadagiti ad-adda a napinpintas a pagarigan nga impakita ti Penpot iti public showcase-da. Design-to-Code ken Agsubli Manen (ken Ad-adu Pay) . Iti panagtaray manipud iti ibagbagak idi maipapan no kasano a dagiti disenio ti Penpot ket naiyebkas a kas kodigo, daytoy ket kayatna a sawen a dagiti serbidor ti MCP ket mabalin a mausar a mangbalbaliw ti disenio iti kodigo babaen ti panagusar ti AI, ngem kasta met ti kodigo iti disenio, disenio iti dokumentasion, dokumentasion kadagiti disenio nga elemento ti sistema, disenio nga agkodigo manen a naibatay iti naibaga a sistema ti disenio, ken kalpasanna dagiti naan-anay a baro a paset a naibatay iti naibaga a sistema ti disenio. Kasla surreal, ngem ti demo iti baba ket mangipakita iti daytoy a transmutability, ken saan a manipud iti saan a nalawag nga instruksion no di ket dagiti napalabas a panagpili iti disenio, aniaman no kasano a naiyebkas dagitoy (disenio, kodigo, wenno dokumentasion). Awan dagiti sorpresa — dagitoy ket dagiti laeng desision nga inaramidmo koma uray kaskasano a naibatay kadagiti napalabas a desision, a napartak a maipatungpal. Iti demo, ni Juan de la Cruz García, Designer iti Penpot, ket awan ti frictionless a mangbalbaliw kadagiti sumagmamano a simple a paset iti dokumentasion, elemento ti sistema ti disenio, kodigo, baro a paset, ken uray pay ti kompleto a proyekto ti Storybook a kas iti maysa a pedaso ti Play-Doh: Design-to-Code, Panagpaneknek ti Disenyo/Kodigo, Ken Simple nga Operasion Iti kapada a demo iti baba, ni Dominik Jain, Co-Founder iti Oraios AI, ket mangpartuat ti Node.js web app a naibatay iti disenio sakbay nga i-update dagiti estilo ti frontend, mangidulin kadagiti nagan ken dagiti mangilasin iti memoria tapno masigurado ti naannayas a disenio-agingga-iti-kodigo a panagipatarus sakbay a sukimatenna daytoy para iti kinaurnos, innayonna ti akomento iti abay ti napili a sukog iti Penpot, ken kalpasanna sukatanna ti maysa a scribble iti Penpot iti naibagay a paset. Adu ti mapaspasamak ditoy, ngem makitam ti eksakto nga i-type ni Dominik iti Claude Desktop kasta met dagiti sungbat ni Claude, ken natibker unay: Sabagay, ti napalabas a demo ket nagusar kenni Claude iti VS Code, isu a rumbeng a laglagipek a dagiti Penpot MCP server ket LLM-agnostic. Naan-anay nga agpannuray kenka ti tech stack-mo. Nabalinan ti IvanTheGeek nga inset-up ti MCP server-da babaen ti JetBrains Rider IDE ken Junie AI. Ad-adu pay a Kaso ti Panagusar Ipatarus ti Penpot board iti production-ready semantic HTML ken modular CSS bayat nga usaren ti aniaman a Penpot design tokens (laglagipen a dagiti disenio ti Penpot ket naiyebkas a kas kodigo, isu a daytoy ket saan a shot iti nasipnget): Mangpataud ti interaktibo a prototipo ti web a saan a mangbalbaliw ti addan nga HTML: Kas naipakita itay, pagbalinen ti maysa nga scribble iti maysa a paset, nga usaren dagiti agdama nga elemento ti disenio ken/wenno sistema ti disenio: Mangpartuat ti dokumentasion ti sistema ti disenio manipud iti maysa a papeles ti Penpot: Ket ditoy ti sumagmamano pay a use-cases manipud iti Penpot ken ti komunidad:
Narang-ay nga eksport, . Agbirok kadagiti elemento ti disenio babaen ti panagusar ti natural a pagsasao, . Guyoden ti datos manipud kadagiti akinruar nga API babaen ti panagusar ti natural a pagsasao, . Nalaka nga ikonekta ti Penpot kadagiti dadduma nga akinruar nga alikamen, . Panangidulin kadagiti maulit-ulit nga aramid iti memoria ken panangipatungpal kadagita, . Panangsubok ti biswal a panagsubli, . Panagsukimat ti kinaurnos ti disenio ken redundancy, . Panag-analisar ti pannakagun-od ken pannakausar ken feedback, . Panangsukimat iti panagtungpal ti sistema ti disenio, . Panangsukimat iti panagtungpal iti pagannurotan (brand, linaon, kdpy.), . Imonitor ti panangampon ken panagusar babaen ti design analytics, . Automatiko a pagtalinaeden ti dokumentasion a maitunos iti disenio, . Organisasion ti file ti disenio (e.g., panag-tag/panagkategoria).
Iti kangrunaan, dagiti serbidor ti Penpot MCP ket mangiturong ti dalan iti awan patinggana a bilang dagiti panagayus ti trabaho gapu ti kinaepisiente ken kinalaka ti napili a kliyente ti LLM/LLM, ngem saan a mangibutaktak ti datosmo iti daytoy. Ania ti Usarem Dagiti Serbidor ti MCP? Dagiti Penpot MCP servers ket saan pay ketdi nga adda iti beta stage, ngem maysa daytoy nga aktibo nga eksperimento a mabalinmo a paset. Dagiti agar-aramat ti Penpot ket nangrugidan a nagsukisok kadagiti kaso ti panagusar para kadagiti serbidor ti MCP, ngem ti Penpot ket kayatna a makita ti ad-adu pay. Tapno masigurado a ti sumaganad a henerasion dagiti ramit ti disenio ket makatulong kadagiti kasapulan dagiti disenio, agparparang-ay, ken dagiti grupo ti produkto iti sapasap, masapul a maibangon dagitoy a sangsangkamaysa ken agtitinnulong, nangruna no maseknan ti AI. Pakaammo: Agsapsapul ti Penpot kadagiti beta testers a magagaran a mangsukisok, ageksperimento, ken tumulong a mangpapintas iti Penpot’s MCP Server. Tapno makikadua, agsurat iti support@penpot.app nga addaan iti subject line a “MCP beta test volunteer.” Adda kadi aniaman a mariknam a mabalin nga aramiden dagiti serbidor ti Penpot MCP a dagiti agdama nga alikamen ket saan a makaaramid iti umdas a nasayaat, umdas a napardas, wenno dida pulos kabaelan nga aramiden? Mabalinmo nga adalen no kasano ti mangiset-up iti Penpot MCP server ditoy mismo ken rugiam ti ag-tinker ita nga aldaw, wenno no ti utekmo ket agburburek kadagiti kapanunotan a dati, kayat ti Penpot a makikaduaka iti diskusion, ibinglaymo ti feedbackmo, ken pagsaritaam dagiti use-cases-mo. Saan laeng a dayta, ti benneg ti komento iti baba a mismo ket saan met a dakes a lugar a pangrugian!
