Saa asɛm yi yɛ nea Penpot na ɛboaa Fa no sɛ wo Penpot fael no kura ahyɛnsode a edi mũ a wɔahyehyɛ a ɛka adwini no ankasa ho, a ɛde saa ahyɛnsode no bi di dwuma nanso ɛnyɛ ne nyinaa. Sɛ wo ka kyerɛ AI te sɛ Claude anaa Gemini sɛ ɔmfa icons a wɔde redi dwuma no nkutoo nkɔ amannɔne a, ɛrentumi nyɛ saa. Ɛntumi ne Penpot fael ahodoɔ nni nkitaho. Nanso, Penpot MCP server betumi. Ɛtumi yɛ dwumadie dodoɔ a wɔapaw wɔ mmara ne kwan a wɔahyɛ ase, titire ɛfiri sɛ Penpot wɔ API a ɛtrɛ na ɛboro saa mpo ɛfiri sɛ ɛyɛ open-source. AI’s adwuma ne sɛ wobɛte w’adwene ase kɛkɛ, apaw adwuma a ɛfata ama MCP server no sɛ ɛbɛyɛ (export wɔ eyi mu), na wode parameters biara (i.e., icons a wɔde redi dwuma) akɔ. Afei MCP server no kyerɛ eyi ase kɔ API abisade a wɔahyehyɛ mu na ɛyɛ adwuma. Ebia ɛbɛboa sɛ wubesusuw AI ho sɛ server wɔ adidibea a ogye wo order, MCP server sɛ menu ne chef nyinaa, ne API abisade no sɛ (anidaso wom) pizza pie a ɛyɛ hyew a ɛwɔ prɛte a ɛyɛ hyew so. Dɛn nti na MCP servers, pɛpɛɛpɛ? Wiɛ, Penpot ntumi nte w’adwene ase efisɛ ɛnyɛ LLM, na saa ara nso na ɛmma LLM ahorow a ɛto so abiɛsa kwan sɛ wɔne wo Penpot fael ahorow no nni nkitaho mma wo Penpot data no ahobammɔ ne kokoamsɛm. Ɛwom sɛ Penpot MCP servers yɛ adwuma sɛ ahobammɔ bridge de, nanso ɛkyerɛ AI adwene ase kɔ API abisade mu denam wo Penpot fael ne data so sɛ nsɛm a ɛfa ho. Nea eye sen saa mpo ne sɛ esiane sɛ Penpot fa design-expressed-as-code kwan nti, wobetumi de nhyehyɛe ayɛ design ahorow, asiesie, na wɔayɛ mu nhwehwɛmu wɔ granular level so. Ɛyɛ nsɛm a ɛfa ho, ɛyɛ pɔtee, na ɛno nti ɛwɔ tumi kɛse sɛ wɔde toto nea MCP server afoforo de ma ho a, na ɛyɛ nea wosusuw ho kɛse sen subpar ‘Describe → Generate’ AI adwumayɛ nhyehyɛe a minsusuw sɛ obiara mpɛ ankasa. Penpot’s AI whitepaper ka eyi ho asɛm sɛ ɔkwan bɔne ne ‘Convert to Code’ kwan no sɛ ɔkwan a ɛyɛ abofono, bere a MCP server ahorow no yɛ nea wɔayɛ no yiye na wotumi sesa. Features Ne Mfiridwuma Ho Nsɛm Ansa na yɛbɛkɔ so akɔ use cases so no, nneɛma bi ne mfiridwuma ho nsɛm a ɛkyerɛkyerɛ sɛnea Penpot MCP servers yɛ adwuma mu bio ni:
Ɛne MCP gyinapɛn ahorow hyia; Ɛne Penpot API no bom ma bere ankasa mu nhyehyɛe data; Python SDK, REST API, plugin nhyehyɛe, ne CLI nnwinnade ka ho; Ɛne AI boafo biara a MCP ayɛ adwuma (Claude wɔ VS Code mu, Claude wɔ Cursor mu, Claude Desktop, ne nea ɛkeka ho); Boa ma wɔkyɛ design context ne AI models, na ɛma wohu na wɔte nneɛma a ɛwom no ase; Ɛma nkitahodi a wɔne Penpot di nkitaho a wɔde abɔde mu kasa di dwuma no yɛ mmerɛw.
Ɛnde, dɛn na MCP server ahorow betumi ama yɛatumi ayɛ wɔ Penpot mu, na dɛn na sɔhwɛ ahorow a ɛwɔ hɔ dedaw no atumi ayɛ dedaw? Momma yɛnhwɛ. Penpot MCP Server a Wɔde Di Dwuma-Nsɛm Sɛ wopɛ sɛ wohuruw kɔ nea Penpot MCP servers betumi ayɛ so kɛkɛ a, Penpot wɔ MCP demos kakraa bi a wɔde asie Google Drive mu a ɛboro nea ɛfata sɛ wohwɛ. Penpot CEO Pablo Ruiz-Múzquiz kaa sɛ video 03, 04, 06, 08, ne 12 yɛ wɔn a wɔpɛ paa. Ɔkwan a ɛyɛ ntɛm mpo a wobɛfa so abɔ MCP servers no mua ne sɛ wobɛhwɛ unveiling a ɛfiri Penpot Fest 2025. Sɛ ɛnte saa a, momma yɛnhwɛ nhwɛsoɔ a wɔayɛ no yie kɛseɛ a Penpot daa no adi wɔ wɔn baguam ɔyɛkyerɛ mu no bi. Design-to-Code ne Back Again (ne Nea Ɛkeka Ho) . Running on from what I was saying earlier about how Penpot designs are expressed as code, eyi kyerɛ sɛ wobetumi de MCP servers adi dwuma de adan design akɔ code a wɔde AI di dwuma, nanso nso code to design, design to documentation, documentation to design system elements, design to code bio a egyina saa design system so, ne afei components foforo koraa a egyina saa design system so. Ɛte sɛ nea ɛyɛ surreal, nanso demo a ɛwɔ aseɛ ha yi kyerɛ saa transmutability yi, na ɛnyɛ nkyerɛkyerɛ a emu nna hɔ na mmom ɛfiri design choices a atwam, ɛmfa ho sɛdeɛ wɔdaa no adi (design, code, anaa documentation). Ɛnyɛ nwonwa — eyinom yɛ gyinaesi ahorow a anka wubesi ɔkwan biara so a egyina gyinaesi ahorow a atwam so ara kwa, a wokum no ntɛmntɛm. Wɔ demo no mu no, Juan de la Cruz García, Designer wɔ Penpot, fractionlessly transmutes binom a ɛnyɛ den afã horow kɔ nkrataa, design system elements, code, nneɛma foforo, ne mpo Storybook adwuma a edi mũ te sɛ Play-Doh afã bi: Design-to-Code, Design/Code Validation, Ne Dwumadi a Ɛnyɛ Den Wɔ demo a ɛte saa ara a ɛwɔ aseɛ ha no, Dominik Jain, Co-Founder wɔ Oraios AI, yɛ Node.js wɛb app a egyina design no so ansa na wayɛ frontend styles no foforɔ, sie din ne identifiers wɔ memory mu de hwɛ sɛ design-to-code nkyerɛaseɛ no kɔ so yie ansa na wahwɛ sɛ ɛyɛ pɛpɛɛpɛ anaa, de ka ho sɛ acomment wɔ nsusuwii a wɔapaw no nkyɛn wɔ Penpot mu, na afei ɔde ade a wɔayɛ no foforo si scribble bi a ɛwɔ Penpot mu ananmu. Nneɛma pii rekɔ so wɔ ha, nanso wobɛtumi ahunu deɛ Dominik rekyerɛw wɔ Claude Desktop mu pɛpɛɛpɛ ne Claude mmuaeɛ nso, na ɛyɛ den paa: Sɛnea ɛte no, demo a atwam no de Claude dii dwuma wɔ VS Code mu, enti ɛsɛ sɛ mehyɛ no nsow sɛ Penpot MCP servers yɛ LLM-agnostic. Wo tech stack no yɛ wo dea koraa. IvanTheGeek tumi de JetBrains Rider IDE ne Junie AI hyehyɛɛ wɔn MCP server no. Nsɛm a Wɔde Di Dwuma Pii Kyerɛ Penpot board ase kɔ production-ready semantic HTML ne modular CSS bere a wode Penpot design tokens biara di dwuma (kae sɛ Penpot designs ada no adi dedaw sɛ code, enti eyi nyɛ shot wɔ sum mu): Yɛ nkitahodi wɛb nhwɛsode a wonsesa HTML a ɛwɔ hɔ dedaw no: Sɛnea yɛadi kan akyerɛ no, dannan scribble bi ma ɛnyɛ ade bi, fa design ne/anaasɛ design system elements a ɛwɔ hɔ dedaw no di dwuma: Yɛ design system nkrataa fi Penpot fael mu: Na use-cases foforo bi a efi Penpot ne mpɔtam hɔfo hɔ ni:
Nneɛma a wɔde kɔ amannɔne a ɛkɔ akyiri, . Hwehwɛ nneɛma a wɔde yɛ adwini denam abɔde mu kasa so, . Twe data fi abɔnten API ahorow a wode abɔde kasa di dwuma, . Ɛnyɛ den sɛ wode Penpot bɛka abɔnten nnwinnade afoforo ho, . Nnwuma a wɔtaa yɛ no a wode besie wɔ wo memory mu na woadi ho dwuma, . Nsɔhwɛ a wɔde hwɛ sɛnea wɔsan kɔ akyi, . Design consistency ne redundancy nhwehwɛmu, . Nneɛma a wobetumi anya ne sɛnea wɔde di dwuma nhwehwɛmu ne nsɛm a wɔde ma, . Design nhyehyɛe a wodi so ho nhwehwɛmu, . Akwankyerɛ a wodi so ho nhwehwɛmu (ahyɛnsode, emu nsɛm, ne nea ɛkeka ho), . Hwɛ gye a wogye tom ne sɛnea wɔde di dwuma denam design analytics so, . Ma nkrataa a wɔayɛ no nyɛ pɛ wɔ ɔkwan a ɛyɛ adwuma so, . Fael nhyehyɛe nhyehyɛe (e.g., tagging/categorization).
Ne titiriw no, Penpot MCP servers di kwan kɔ adwumayɛ nhyehyɛe dodow a enni ano mu esiane sɛnea wo LLM/LLM afɛfo a woapaw no yɛ adwuma yiye na ɛnyɛ den nti, nanso ɛnyɛ wo data no nkyerɛ no. Dɛn na Wode MCP Servers bedi dwuma ama? Penpot MCP servers no nnyɛ beta stage mpo, nanso ɛyɛ active experiment a wobɛtumi ayɛ ne fã. Penpot dwumadiefoɔ ahyɛ aseɛ dedaw rehwehwɛ dwumadie ho nsɛm a ɛfa MCP servers ho, nanso Penpot pɛ sɛ ɔhunu pii. Sɛnea ɛbɛyɛ a awo ntoatoaso a edi hɔ a wɔde yɛ adwini nnwinnade no di adwumfo, wɔn a wɔyɛ, ne nneɛma a wɔyɛ akuw nyinaa ahiade ho dwuma no, ɛsɛ sɛ wɔbom kyekye na wɔbom yɛ, titiriw wɔ baabi a ɛfa AI ho. Hyɛ no nsow: Penpot rehwehwɛ beta testers a wɔn ho pere wɔn sɛ wɔbɛhwehwɛ, asɔ ahwɛ, na wɔaboa ma wɔayɛ Penpot’s MCP Server no yiye. Sɛ wopɛ sɛ woka ho a, kyerɛw kɔ support@penpot.app na fa asɛmti no “MCP beta test volunteer.” So biribi wɔ hɔ a wote nka sɛ Penpot MCP servers betumi ayɛ a mprempren nnwinnade ntumi nyɛ yiye sɛnea ɛsɛ, ntɛmntɛm sɛnea ɛsɛ, anaasɛ wontumi nyɛ koraa? Wubetumi asua sɛnea wobɛhyehyɛ Penpot MCP server wɔ ha yi ara na woafi ase ayɛ tinkering nnɛ, anaasɛ sɛ w’amemene no de adwene reyɛ dede dedaw a, Penpot pɛ sɛ wode wo ho hyɛ nkɔmmɔbɔ no mu, kyɛ wo nsusuwii, na woka wo use-cases ho asɛm. Sɛnea ɛbɛyɛ foforo no, comment section a ɛwɔ ase hɔ pɛɛ no nso nyɛ beae bɔne a wubetumi afi ase!
