Tulisan ieu disponsoran ku Penpot Bayangkeun yén file Penpot anjeun ngandung set ikon lengkep salian ti desain sorangan, anu ngagunakeun sababaraha tapi henteu sadayana ikon éta. Upami anjeun naroskeun ka AI sapertos Claude atanapi Gemini pikeun ngékspor ngan ukur ikon anu dianggo, éta moal tiasa ngalakukeun éta. Éta henteu tiasa berinteraksi sareng file Penpot. Tapi, server Penpot MCP tiasa. Éta tiasa ngalakukeun sababaraha operasi anu dipilih dina aturan sareng idin anu diatur, khususna saprak Penpot gaduh API anu éksténsif sareng langkung seueur sabab éta open-source. Tugas AI ngan saukur ngartos maksud anjeun, milih operasi anu pas pikeun server MCP pikeun ngalakukeun (ékspor dina hal ieu), sareng ngalangkungan parameter naon waé (nyaéta, ikon anu dianggo). Server MCP teras narjamahkeun ieu kana pamundut API terstruktur sareng ngalaksanakeunana. Éta tiasa ngabantosan panginten AI salaku server di réstoran anu nyandak pesenan anjeun, server MCP salaku ménu sareng koki, sareng pamundut API salaku (mudahan) pai pizza panas dina piring anu haneut. Naha server MCP, persis? Nya, Penpot henteu tiasa ngartos maksud anjeun sabab éta sanés LLM, atanapi henteu ngamungkinkeun LLM pihak katilu berinteraksi sareng file Penpot anjeun pikeun kaamanan sareng privasi data Penpot anjeun. Sanajan server Penpot MCP ngalakukeun tindakan salaku sasak aman, narjamahkeun maksud AI kana requests API ngagunakeun file Penpot anjeun sarta data salaku konteks. Anu langkung saé nyaéta kusabab Penpot nyandak pendekatan desain-diekspresikeun-sakumaha-kode, desain tiasa didamel sacara program, diédit, sareng dianalisis dina tingkat granular. Éta langkung kontekstual, langkung khusus, sareng janten langkung kuat dibandingkeun sareng naon anu ditawarkeun server MCP anu sanés, sareng langkung wijaksana tibatan subpar 'Ngagambarkeun → Generate' alur kerja AI anu kuring henteu nyangka saha waé anu dipikahoyong. Whitepaper AI Penpot ngajelaskeun ieu salaku pendekatan anu goréng sareng pendekatan 'Convert to Code' salaku pendekatan anu awon, sedengkeun server MCP langkung saé sareng adaptasi. Fitur Jeung Rincian Téknis Sateuacan urang ngaléngkah ngagunakeun kasus, ieu sababaraha fitur sareng detil téknis anu salajengna ngajelaskeun kumaha server Penpot MCP jalanna:
Sasuai jeung standar MCP; Integrasi sareng Penpot API pikeun data desain sacara real-time; Ngawengku Python SDK, REST API, sistem plugin, sareng alat CLI; Gawéna sareng asistén AI anu diaktipkeun MCP (Claude dina VS Code, Claude dina Kursor, Claude Desktop, jsb.); Ngarojong ngabagi kontéks desain sareng modél AI, sareng ngantepkeun aranjeunna ningali sareng ngartos komponén; Ngagampangkeun komunikasi sareng Penpot nganggo basa alami.
Janten, naon anu tiasa dilakukeun ku server MCP di Penpot, sareng naon anu parantos dilakukeun ku percobaan anu aya? Hayu urang tingali. Penpot MCP Server Paké-Kasus Upami anjeun ngan ukur hoyong ngaluncurkeun naon anu tiasa dilakukeun ku server Penpot MCP, Penpot gaduh sababaraha demo MCP anu disimpen dina Google Drive anu langkung saé pikeun ditingali. CEO Penpot Pablo Ruiz-Múzquiz nyarios yén pidéo 03, 04, 06, 08, sareng 12 mangrupikeun karesepna. Cara anu langkung gancang pikeun nyimpulkeun pangladén MCP nyaéta pikeun lalajo unveiling tina Penpot Fest 2025. Upami teu kitu, hayu urang tingali sababaraha conto anu langkung saé anu nunjukkeun Penpot dina paméran umumna. Desain-to-Kode sareng Balik deui (sareng seueur deui) Ngajalankeun on ti naon ieu kuring nyebutkeun saméméhna ngeunaan kumaha desain Penpot dinyatakeun salaku kode, ieu ngandung harti yén server MCP bisa dipaké pikeun ngarobah desain kana kode maké AI, tapi ogé kode pikeun ngarancang, mendesain kana dokuméntasi, dokuméntasi pikeun ngarancang elemen sistem, ngarancang pikeun kode deui dumasar kana sistem desain ceuk, lajeng komponén lengkep anyar dumasar kana sistem desain ceuk. Ieu disada surreal, tapi demo di handap nembongkeun kaluar transmutability ieu, sarta éta lain tina instruksi samar tapi rada pilihan desain saméméhna, paduli kumaha aranjeunna dinyatakeun (desain, kode, atawa dokuméntasi). Henteu aya kejutan - ieu ngan ukur kaputusan anu anjeun lakukeun dumasar kana kaputusan sateuacana, dieksekusi sacara gancang. Dina demo, Juan de la Cruz García, Desainer di Penpot, tanpa gesekan transmutes sababaraha komponén basajan kana dokuméntasi, elemen sistem desain, kode, komponén anyar, komo proyék Storybook lengkep kawas sapotong Play-Doh: Desain-to-Kode, Desain/Kode Validasi, Jeung Operasi basajan Dina demo anu sami di handap ieu, Dominik Jain, Co-Founder di Oraios AI, nyiptakeun aplikasi wéb Node.js dumasar kana desain sateuacan ngapdet gaya frontend, nyimpen nami sareng idéntifikasi kana mémori pikeun mastikeun tarjamahan desain-to-kode anu mulus sateuacan mariksa konsistensi, nambihanmairan gigireun bentuk dipilih di Penpot, lajeng ngaganti hiji corétan di Penpot kalawan komponén diadaptasi. Aya seueur anu kajantenan di dieu, tapi anjeun tiasa ningali naon anu diketik ku Dominik kana Claude Desktop ogé réspon Claude, sareng éta kuat pisan: Ku jalan kitu, demo saméméhna dipaké Claude di VS Code, jadi kuring kudu dicatet yén server Penpot MCP LLM-agnostik. tumpukan tech anjeun sagemblengna nepi ka anjeun. IvanTheGeek junun nyetél server MCP maranéhanana jeung JetBrains Rider IDE jeung Junie AI. Langkung Kasus Paké Tarjamahkeun papan Penpot kana HTML semantik siap produksi sareng CSS modular bari ngamangpaatkeun sagala token desain Penpot (inget yén desain Penpot parantos dinyatakeun salaku kode, janten ieu sanés shot dina poék): Ngahasilkeun prototipe wéb interaktif tanpa ngarobah HTML anu aya: Sapertos anu dipidangkeun sateuacana, ubah corat-coret janten komponén, ngamangpaatkeun desain sareng / atanapi elemen sistem desain anu aya: Jieun dokuméntasi sistem desain tina file Penpot: Sareng ieu sababaraha kasus pamakean deui ti Penpot sareng komunitas:
Ékspor maju, Milarian unsur desain nganggo basa alami, Tarik data tina API éksternal nganggo basa alami, Gampang nyambungkeun Penpot ka alat éksternal anu sanés, Nyimpen tugas repetitive kana memori sareng ngalaksanakeunana, Uji régrési visual, Konsistensi desain sareng mariksa redundansi, Aksesibilitas sareng analisis usability sareng eupan balik, Pamariksaan patuh sistem desain, Pamariksaan patuh pedoman (merk, eusi, jsb.), Monitor nyoko sareng pamakean nganggo analitik desain, Otomatis nyingkronkeun dokuméntasi sareng desain, Organisasi file desain (contona, tagging/categorization).
Intina, server Penpot MCP nuju jalan ka jumlah alur kerja anu henteu terbatas berkat efisiensi sareng betah klien LLM/LLM anu anjeun pilih, tapi tanpa ngalaan data anjeun ka éta. Naon Dupi Anjeun Nganggo Server MCP? server Penpot MCP henteu malah dina tahap béta, tapi mangrupa percobaan aktif nu bisa jadi bagian tina. Pangguna Penpot parantos ngamimitian ngajalajah kasus panggunaan pikeun server MCP, tapi Penpot hoyong ningali deui. Pikeun mastikeun yén alat desain generasi saterusna nyumponan kabutuhan désainer, pamekar, sareng tim produk sacara umum, aranjeunna kedah diwangun sacara koléktif sareng kolaboratif, khususna pikeun AI. Catetan: Penpot milarian panguji béta anu hoyong pisan ngajalajah, ékspérimén sareng ngabantosan nyaring MCP Server Penpot. Pikeun gabung, tulis ka support@penpot.app kalayan baris jejer "Relawan uji beta MCP". Naha anjeun ngarasa yén pangladén Penpot MCP tiasa ngalakukeun yén alat-alat ayeuna henteu tiasa ngalakukeun cukup saé, cukup gancang, atanapi henteu tiasa dilakukeun pisan? Anjeun tiasa diajar kumaha nyetél server Penpot MCP di dieu sareng mimitian tinkering dinten ayeuna, atanapi upami otak anjeun parantos gaduh ide, Penpot hoyong anjeun ngiringan diskusi, ngabagi tanggapan anjeun, sareng ngobrol ngeunaan kasus-kasus anjeun. Alternatipna, bagian koméntar di handap ogé sanés tempat anu goréng pikeun ngamimitian!
