Kini nga artikulo gi-sponsor ni Penpot Hunahunaa nga ang imong Penpot file adunay usa ka bug-os nga set nga icon dugang sa disenyo mismo, nga naggamit sa pipila apan dili tanan nga mga icon. Kung mangutana ka sa usa ka AI sama ni Claude o Gemini nga i-export ra ang mga imahen nga gigamit, dili kini mahimo. Dili kini maka-interact sa mga file sa Penpot. Bisan pa, ang usa ka Penpot MCP server mahimo. Kini makahimo sa usa ka gipili nga gidaghanon sa mga operasyon ubos sa gitakda nga mga lagda ug mga pagtugot, ilabi na kay ang Penpot adunay usa ka halapad nga API ug labaw pa kay kini open-source. Ang trabaho sa AI mao lamang ang pagsabut sa imong katuyoan, pagpili sa husto nga operasyon alang sa MCP server nga buhaton (usa ka pag-eksport sa kini nga kaso), ug ipasa ang bisan unsang mga parameter (ie, mga icon nga gigamit). Ang MCP server dayon naghubad niini ngadto sa usa ka structured API nga hangyo ug nagpatuman niini. Mahimong makatabang ang paghunahuna sa AI isip usa ka server sa usa ka restawran nga nagkuha sa imong order, ang MCP server ingon nga menu ug chef, ug ang hangyo sa API ingon (hinaut) usa ka mainit nga pizza pie sa usa ka mainit nga plato. Ngano nga ang mga MCP server, eksakto? Aw, ang Penpot dili makasabut sa imong katuyoan tungod kay kini dili usa ka LLM, ni kini nagtugot sa mga third-party nga LLM nga makig-uban sa imong mga file sa Penpot alang sa seguridad ug privacy sa imong data sa Penpot. Bisan kung ang mga server sa Penpot MCP naglihok ingon usa ka luwas nga tulay, naghubad sa katuyoan sa AI sa mga hangyo sa API gamit ang imong mga file ug data sa Penpot ingon konteksto. Ang mas maayo pa kay tungod kay ang Penpot nagkuha ug disenyo-gipahayag-ingon-kodigo nga pamaagi, ang mga disenyo mahimong mamugna, ma-edit, ug maanalisa sa usa ka granular nga lebel. Kini labi ka konteksto, labi ka partikular, ug busa labi ka kusgan kung itandi sa gitanyag sa ubang mga server sa MCP, ug labi ka mahunahunaon kaysa sa subpar nga 'Describe → Generate' AI workflow nga sa akong hunahuna wala’y gusto bisan kinsa. Gihubit kini sa AI whitepaper sa Penpot isip dili maayo nga pamaagi ug ang 'Convert to Code' nga pamaagi ingon nga dili maayo nga pamaagi, samtang ang mga server sa MCP mas dalisay ug mapahiangay. Mga Feature Ug Mga Detalye sa Teknikal Sa wala pa kita magpadayon sa paggamit sa mga kaso, aniay pipila ka mga bahin ug teknikal nga mga detalye nga dugang nga nagpatin-aw kung giunsa ang mga server sa Penpot MCP:
Nagsunod sa mga sumbanan sa MCP; Nag-integrate sa Penpot API para sa real-time nga datos sa disenyo; Naglakip sa usa ka Python SDK, REST API, sistema sa plugin, ug mga gamit sa CLI; Nagtrabaho sa bisan unsang MCP-enabled AI assistant (Claude sa VS Code, Claude sa Cursor, Claude Desktop, ug uban pa); Nagsuporta sa pagpaambit sa konteksto sa disenyo sa mga modelo sa AI, ug gitugotan sila nga makakita ug makasabut sa mga sangkap; Gipadali ang komunikasyon sa Penpot gamit ang natural nga pinulongan.
Unsa, nan, ang mahimo sa mga server sa MCP nga mahimo namon sa Penpot, ug unsa ang nahimo na sa mga eksperimento? Atong tan-awon. Mga Kaso sa Paggamit sa Penpot MCP Server Kung gusto nimo nga laktawan kung unsa ang mahimo sa mga server sa Penpot MCP, ang Penpot adunay pipila nga mga demo sa MCP nga gitago sa usa ka Google Drive nga labi pa nga angay tan-awon. Ang CEO sa Penpot nga si Pablo Ruiz-Múzquiz naghisgot nga ang mga video 03, 04, 06, 08, ug 12 maoy ilang paborito. Ang mas paspas nga paagi sa pag-summarize sa mga server sa MCP mao ang pagtan-aw sa pag-unveil gikan sa Penpot Fest 2025. Kung dili, atong tan-awon ang pipila sa labi ka dalisay nga mga pananglitan nga gipakita ni Penpot sa ilang publiko nga showcase. Design-to-Code ug Balik Pag-usab (ug Dugang pa) Nagpadayon gikan sa akong gisulti kaniadto bahin sa kung giunsa ang mga laraw sa Penpot gipahayag ingon code, kini nagpasabut nga ang mga server sa MCP mahimong magamit sa pag-convert sa disenyo sa code gamit ang AI, apan usab code sa pagdesinyo, pagdesinyo sa dokumentasyon, dokumentasyon sa pagdesinyo sa mga elemento sa sistema, pagdesinyo sa code pag-usab base sa giingon nga sistema sa disenyo, ug dayon hingpit nga bag-ong mga sangkap base sa giingon nga sistema sa disenyo. Morag surreal kini, apan ang demo sa ubos nagpakita sa kini nga transmutability, ug dili kini gikan sa dili klaro nga panudlo kondili sa nangaging mga pagpili sa disenyo, bisan unsa pa kini gipahayag (disenyo, code, o dokumentasyon). Wala’y mga sorpresa - kini ang mga desisyon nga mahimo ra nimo base sa nangaging mga desisyon, nga gipatuman dayon. Sa demo, si Juan de la Cruz García, Designer sa Penpot, walay kasamok nga nagbalhin sa pipila ka yano nga mga sangkap ngadto sa dokumentasyon, mga elemento sa sistema sa disenyo, code, bag-ong mga sangkap, ug bisan usa ka kompleto nga proyekto sa Storybook sama sa usa ka piraso sa Play-Doh: Design-to-Code, Design/Code Validation, Ug Yano nga mga Operasyon Sa susama nga demo sa ubos, si Dominik Jain, Co-Founder sa Oraios AI, nagmugna og Node.js web app nga gibase sa disenyo sa wala pa i-update ang mga estilo sa frontend, nagtipig sa mga ngalan ug mga identifier sa memorya aron masiguro ang hapsay nga paghubad sa disenyo-to-code sa dili pa kini susihon alang sa pagkamakanunayon, nagdugang og usa kacomment sunod sa pinili nga porma sa Penpot, ug unya ilisan ang usa ka scribble sa Penpot uban sa usa ka adapted component. Adunay daghang nahitabo dinhi, apan makita nimo kung unsa gyud ang gi-type ni Dominik sa Claude Desktop ingon man ang mga tubag ni Claude, ug kini lig-on kaayo: Pinaagi sa dalan, gigamit sa miaging demo si Claude sa VS Code, mao nga kinahanglan nakong timan-an nga ang mga server sa Penpot MCP kay LLM-agnostic. Ang imong tech stack naa ra kanimo. Ang IvanTheGeek nakahimo sa pag-set up sa ilang MCP server sa JetBrains Rider IDE ug Junie AI. Dugang Kaso sa Paggamit Paghubad sa usa ka Penpot board ngadto sa andam na sa produksiyon nga semantic HTML ug modular CSS samtang naggamit sa bisan unsang Penpot design token (hinumdomi nga ang mga disenyo sa Penpot gipahayag na isip code, mao nga dili kini usa ka shot sa kangitngit): Paghimo ug interactive nga web prototype nga walay pagbag-o sa kasamtangan nga HTML: Sama sa gipakita sa sayo pa, i-convert ang usa ka scribble ngadto sa usa ka component, gamit ang kasamtangan nga disenyo ug/o mga elemento sa sistema sa disenyo: Paghimo og dokumentasyon sa sistema sa disenyo gikan sa Penpot file: Ug ania ang pipila pa nga mga kaso sa paggamit gikan sa Penpot ug sa komunidad:
Mga advanced nga eksport, Pangitaa ang mga elemento sa disenyo gamit ang natural nga pinulongan, Pagkuha og datos gikan sa mga eksternal nga API gamit ang natural nga pinulongan, Dali nga makonektar ang Penpot sa ubang mga gamit sa gawas, Pagtipig sa nagbalikbalik nga mga buluhaton sa memorya ug pagpatuman niini, Pagsulay sa visual regression, Ang pagkamakanunayon sa disenyo ug pagsusi sa redundancy, Accessibility ug usability analysis ug feedback, Pagsusi sa pagsunod sa sistema sa disenyo, Pagsusi sa pagsunod sa guideline (brand, content, etc.), Pag-monitor sa pagsagop ug paggamit gamit ang analytics sa disenyo, Awtomatikong ipadayon ang dokumentasyon nga nahiuyon sa disenyo, Pagdesinyo sa file nga organisasyon (pananglitan, pag-tag/pagkategorya).
Sa tinuud, ang mga server sa Penpot MCP nanguna sa usa ka walay katapusan nga gidaghanon sa mga daloy sa trabaho salamat sa kaepektibo ug kadali sa imong gipili nga kliyente sa LLM/LLM, apan wala ibutyag ang imong data niini. Unsa ang Imong Gamiton ang mga MCP Server? Ang mga server sa Penpot MCP wala pa sa yugto sa beta, apan kini usa ka aktibo nga eksperimento nga mahimo nimong bahin. Ang mga tiggamit sa Penpot nagsugod na sa pagsuhid sa mga kaso sa paggamit alang sa mga server sa MCP, apan gusto ni Penpot nga makakita pa. Aron masiguro nga ang sunod nga henerasyon sa mga galamiton sa pagdesinyo makatubag sa mga panginahanglanon sa mga tigdesinyo, developer, ug mga grupo sa produkto sa kinatibuk-an, sila kinahanglan nga matukod nga kolektibo ug magtinabangay, labi na kung ang AI nabalaka. Mubo nga sulat: Ang Penpot nangita alang sa mga beta tester nga naghinam-hinam sa pagsusi, pag-eksperimento, ug pagtabang sa pagpino sa MCP Server sa Penpot. Aron makaapil, pagsulat sa support@penpot.app nga adunay linya sa hilisgutan nga "MCP beta test volunteer." Aduna bay bisan unsa nga imong gibati nga mahimo sa mga server sa Penpot MCP nga ang karon nga mga himan dili makahimo sa igo nga maayo, igo nga kadali, o dili gyud mahimo? Mahibal-an nimo kung giunsa ang pag-set up sa usa ka server sa Penpot MCP dinhi mismo ug magsugod sa pag-tinker karon, o kung ang imong utok naghaguros na sa mga ideya, gusto ka ni Penpot nga moapil ka sa diskusyon, ipaambit ang imong feedback, ug hisgutan ang imong mga kaso sa paggamit. Sa laing bahin, ang seksyon sa komento sa ubos dili usab usa ka dili maayo nga lugar aron magsugod!
