Atveriant bendradarbiavimo dizainą: išsami „Penpot“ apžvalga frontendo komandoms

Dinamiškame skaitmeninių produktų kūrimo pasaulyje tiltas tarp dizaino ir programavimo visada buvo kritinė ir dažnai sudėtinga infrastruktūros dalis. Metų metus komandos naršė po nuosavybinių įrankių peizažą, kurių kiekvienas turėjo savo uždarą ekosistemą, duomenų formatus ir prenumeratos modelius. Tačiau vyksta galingas pokytis, kurį skatina tie patys principai, kurie sukėlė revoliuciją programinės įrangos kūrime: perėjimas prie atvirojo kodo. Šio judėjimo dizaino pasaulyje priešakyje yra „Penpot“ – pirmoji atvirojo kodo dizaino ir prototipų kūrimo platforma, sparčiai pritraukianti pasaulinių frontendo komandų dėmesį.

Šiame išsamiame vadove išnagrinėsime kiekvieną „Penpot“ aspektą – nuo jo pagrindinės filosofijos iki pažangiausių funkcijų. Išanalizuosime, kodėl jo atvirojo kodo prigimtis yra daugiau nei tik kainos pranašumas, kaip jis iš esmės pagerina dizainerio ir programuotojo darbo eigą ir kaip galite pradėti jį naudoti jau šiandien, tiek jų debesijos platformoje, tiek savo serveryje.

Kas yra „Penpot“ ir kodėl jis populiarėja?

„Penpot“ yra internetinis, bendradarbiavimu grįstas dizaino ir prototipų kūrimo įrankis, leidžiantis įvairių sričių komandoms kurti stulbinančius skaitmeninius produktus. Iš esmės tai yra vektorinės grafikos redaktorius, tačiau tikroji jo galia slypi bendradarbiavimo funkcijose, prototipų kūrimo galimybėse ir, svarbiausia, jo pagrinde, paremtame atviraisiais interneto standartais. Skirtingai nuo daugelio dizaino įrankių, kurie naudoja nuosavybinius failų formatus, „Penpot“ natūralus formatas yra SVG (Scalable Vector Graphics) – standartas, kurį iš prigimties supranta kiekviena šiuolaikinė interneto naršyklė. Tai ne tik techninė detalė; tai filosofinis pasirinkimas, turintis didelės įtakos frontendo kūrimo darbo eigai.

„Penpot“ populiarumą skatina keli pagrindiniai veiksniai:

• Alternatyvų paieška: Konsolidacija dizaino įrankių rinkoje, ypač „Adobe“ siūlomas „Figma“ įsigijimas, paskatino plačiai ieškoti gyvybingų, nepriklausomų alternatyvų. Kūrėjai ir organizacijos pradėjo nerimauti dėl per didelės priklausomybės nuo vienos nuosavybinės ekosistemos.
• Skaitmeninio suvereniteto iškilimas: Įmonės, vyriausybės ir švietimo įstaigos vis dažniau reikalauja kontroliuoti savo duomenis ir įrankius. „Penpot“ galimybė diegti platformą nuosavame serveryje siūlo galingą sprendimą duomenų privatumui ir saugumui užtikrinti.
• Į programuotoją orientuotas požiūris: „Penpot“ buvo sukurtas atsižvelgiant į perdavimą programuotojui. Pritaikydamas interneto standartus, tokius kaip SVG, „Flex Layout“ ir „CSS Grid“ tiesiogiai dizaino įrankyje, jis dramatiškai sumažina trintį ir vertimo klaidas, kurios vargina tradicines darbo eigas.
• Klestianti bendruomenė: Kaip atvirojo kodo projektas, „Penpot“ kuriamas atvirai, su dizainerių ir programuotojų iš viso pasaulio indėliu bei atsiliepimais. Jo plėtros planas yra skaidrus, o jo evoliucijai tiesiogiai įtakos turi vartotojai.

Atvirojo kodo pranašumas: daugiau nei tik „nemokamai“

Nors „Penpot“ siūlo dosnų nemokamą debesijos planą, lyginti atvirąjį kodą su „nemokamai“ reiškia nesuprasti esmės. Tikroji vertė slypi laisvėje ir kontrolėje, kurią jis suteikia. Profesionaloms komandoms ir įmonėms šie pranašumai dažnai yra vertingesni už nuosavybinio įrankio prenumeratos kainą.

Kontrolė ir nuosavybė: jūsų duomenys, jūsų taisyklės

Svarbiausias „Penpot“ pranašumas yra galimybė diegti jį nuosavame serveryje. Paleidę „Penpot“ savo infrastruktūroje (privačiame debesyje ar vietiniuose serveriuose), jūs įgyjate visišką savo dizaino failų, vartotojų duomenų ir saugumo protokolų kontrolę. Tai yra nesvarstytinas reikalavimas organizacijoms tokiuose sektoriuose kaip finansai, sveikatos apsauga, vyriausybė ir moksliniai tyrimai, kur duomenų privatumas ir atitiktis reikalavimams yra svarbiausi.

Be to, tai pašalina priklausomybės nuo tiekėjo riziką. Jūsų dizaino turtas saugomas atviru formatu (SVG), o pats įrankis negali būti staiga nutrauktas ar jo paslaugų teikimo sąlygos pakeistos taip, kad pakenktų jūsų verslui. Jūs esate platformos savininkas, o ne tik nuomojatės prieigą prie jos.

Pritaikymas ir išplėtimas

Atviras kodas reiškia atvirą architektūrą. Nors nuosavybiniai įrankiai siūlo API ir įskiepių prekyvietes, juos galiausiai riboja tiekėjo plėtros planas ir apribojimai. Naudodamos „Penpot“, komandos gali pasinerti į kodą, kad sukurtų gilias, pritaikytas integracijas, pritaikytas jų specifinėms darbo eigoms. Įsivaizduokite, kad kuriate pasirinktinius įskiepius, kurie tiesiogiai susieja dizaino komponentus su jūsų vidine kodo baze, automatizuoja turto generavimą jūsų specifiniam kūrimo procesui arba integruojasi su specializuotais projektų valdymo įrankiais. Šis pritaikymo lygis leidžia jums formuoti įrankį pagal savo procesą, o ne atvirkščiai.

Bendruomenės skatinamos inovacijos

„Penpot“ kūrimas yra bendras jo pagrindinės komandos ir pasaulinės vartotojų bendruomenės darbas. Tai sukuria teigiamą ciklą: vartotojai praneša apie klaidas, kurios greičiau ištaisomos; jie siūlo funkcijas, kurių jiems iš tikrųjų reikia, ir joms suteikiamas prioritetas; o kai kurie netgi tiesiogiai prisideda kodu. Platformos plėtros planas yra viešas, o diskusijos vyksta atvirai. Šis skaidrumas ir kolektyvinė nuosavybė lemia tvirtesnį, stabilesnį ir į vartotoją orientuotą įrankį, kuris vystosi atsižvelgiant į realaus pasaulio poreikius, o ne tik į tiekėjo komercinius interesus.

Pagrindinės funkcijos: ekskursija po „Penpot“

„Penpot“ yra funkcijomis turtinga platforma, kuri nenusileidžia savo nuosavybiniams analogams. Išnagrinėkime jos pagrindines galimybes.

Dizaino drobė: kur idėjos įgauna formą

„Penpot“ esmė – intuityvi ir galinga vektorinio dizaino drobė. Ji suteikia viską, ko reikia UI/UX dizaineriui kuriant sudėtingas sąsajas.

• Vektorinis redagavimas: Kurkite ir tiksliai manipuliuokite formomis naudodami kelius, atramos taškus, Būlio operacijas (sujungimas, atimtis, sankirta, skirtumas) ir pažangias stiliaus parinktis, tokias kaip keli užpildai, kontūrai ir šešėliai.
• Pažangi tipografija: „Penpot“ siūlo plačią teksto kontrolę, įskaitant prieigą prie „Google Fonts“, pasirinktinių šriftų įkėlimą ir smulkiagrūdę savybių, tokių kaip dydis, svoris, eilutės aukštis, tarpai tarp raidžių ir lygiavimas, kontrolę.
• Išdėstymas, kalbantis CSS kalba: Tai yra „Penpot“ supergalia frontendo komandoms. Ji apima aukščiausio lygio palaikymą „Flex Layout“ ir būsimam „CSS Grid“. Dizaineriai gali kurti prisitaikančius išdėstymus naudodami lygiavimo, paskirstymo ir perkėlimo savybes, kurios tiesiogiai atitinka jų CSS ekvivalentus. Tai nėra simuliacija; tai tiesioginis CSS dėžutės modelio logikos įgyvendinimas.

Prototipų kūrimas ir sąveika: dizaino atgaivinimas

Statinių maketų nepakanka vartotojo patirčiai patvirtinti. „Penpot“ prototipų kūrimo režimas leidžia paversti jūsų dizainus interaktyviais, spustelėjamais prototipais, neparašius nė vienos kodo eilutės.

• Srautų kūrimas: Lengvai sujunkite skirtingus darbalaukius (ekranus) interaktyviomis nuorodomis. Galite apibrėžti trigerius (pvz., paspaudus, užvedus pelę) ir veiksmus (pvz., pereiti į, atidaryti perdangą).
• Perėjimai ir animacijos: Pridėkite sklandžius perėjimus tarp ekranų, tokius kaip momentinis, išnykimas, slydimas ar stūmimas, kad imituotumėte tikros programos pojūtį.
• Pristatymo režimas: Pasidalykite nuoroda į visiškai interaktyvų prototipą, kurį suinteresuotosios šalys gali išbandyti bet kuriame įrenginyje su interneto naršykle. Tai neįkainojama vartotojų testavimui, atsiliepimų rinkimui ir pritarimo užsitikrinimui prieš pradedant programavimą.

Bendradarbiavimas realiuoju laiku: dizainas kaip komandinis sportas

„Penpot“ buvo sukurtas nuo pat pradžių bendradarbiavimui. Jis griauna barjerus ir leidžia dizaineriams, programuotojams, produktų vadovams ir kitoms suinteresuotosioms šalims dirbti kartu toje pačioje erdvėje, tuo pačiu metu.

• Kelių žaidėjų režimas: Matykite savo komandos narių žymeklius, judančius per drobę realiuoju laiku, lygiai taip pat kaip bendradarbiavimo dokumentų redaktoriuje. Tai puikiai tinka idėjų generavimo sesijoms, poriniam dizainui ir tiesioginėms peržiūroms.
• Komentarai ir atsiliepimai: Palikite komentarus tiesiai ant bet kurio drobės elemento. Galite žymėti komandos narius, išspręsti diskusijų gijas ir palaikyti aiškią, kontekstinę visų atsiliepimų istoriją, pašalindami poreikį begalinėms el. laiškų grandinėms ar atskiriems atsiliepimų įrankiams.
• Bendrinamos bibliotekos ir dizaino sistemos: Užtikrinkite nuoseklumą ir plėskite savo dizaino pastangas kurdami bendrinamas komponentų, spalvų ir teksto stilių bibliotekas, kurias galima pasiekti visuose jūsų projektuose.

Dizaino sistemos ir komponentai: vienintelis tiesos šaltinis

Bet kuriai komandai, dirbančiai su didelio masto produktu, būtina tvirta dizaino sistema. „Penpot“ suteikia įrankius, leidžiančius efektyviai ją kurti, valdyti ir platinti.

• Daugkartinio naudojimo komponentai: Paverskite bet kurią elementų grupę pagrindiniu komponentu. Tada galite kurti šio komponento egzempliorius visuose savo dizainuose. Bet koks pakeitimas, atliktas pagrindiniame komponente, automatiškai persikels į visus jo egzempliorius, sutaupant daugybę valandų pasikartojančio darbo.
• Bendrinami stiliai: Apibrėžkite ir pavadinkite savo spalvų paletes, tipografijos skales ir efektų stilius (pvz., šešėlius). Taikykite šiuos stilius visuose savo dizainuose. Jei reikia atnaujinti prekės ženklo spalvą, tereikia ją pakeisti vienoje vietoje, ir ji atsinaujins visur, kur buvo naudojama.
• Centralizuotas turtas: Naudokite bendrinamas bibliotekas kaip vienintelį tiesos šaltinį savo dizaino sistemai. Bet kuris komandos narys gali paimti komponentus ir stilius iš bibliotekos, užtikrindamas, kad visi kuria naudodami tuos pačius patvirtintus statybinius blokus.

„Penpot“ ir frontendo darbo eiga: programuotojo perspektyva

Štai kur „Penpot“ iš tikrųjų išsiskiria. Tai ne tik dizaino įrankis; tai komunikacijos ir vertimo įrankis, kuris dramatiškai pagerina dizaino perdavimo programuotojui procesą.

Nuo dizaino iki kodo: vertimas be praradimų

Tradicinis dizaino pavertimo kodu procesas dažnai yra su praradimais. Dizaineris sukuria vizualinį vaizdą, o programuotojas turi jį interpretuoti ir paversti kodu, dažnai su neatitikimais. „Penpot“ sumažina šį praradimą kalbėdamas programuotojo kalba: atviraisiais interneto standartais.

Kadangi „Penpot“ natūralus formatas yra SVG, nėra jokio sudėtingo vertimo sluoksnio. Objektas, kurį matote drobėje, yra SVG elementas. Kai programuotojas tikrina piktogramą, jis negauna iš anksto apdorotų, abstrahuotų duomenų; jis gauna gryną, švarų SVG kodą. Tai užtikrina tobulą tikslumą ir pašalina poreikį eksportuoti ir iš naujo optimizuoti turtą.

Tikrinimo režimas (Inspect Mode) yra geriausias programuotojo draugas. Vienu paspaudimu programuotojas gali pasirinkti bet kurį elementą ir pamatyti jo savybes, pateiktas kaip paruoštas naudoti CSS kodas. Tai apima matmenis, spalvas, tipografiją, atitraukimus ir, svarbiausia, išdėstymo savybes.

„Flex Layout“ panaudojimas: praktinis pavyzdys

Įsivaizduokite, kad dizaineris sukuria vartotojo profilio kortelę, kurioje yra avatara, vardas ir vartotojo vardas. Jis nori, kad avatara būtų kairėje, o teksto blokas – dešinėje, ir abu būtų vertikaliai centruoti.

1. Tradiciniame įrankyje: Dizaineris galėtų tiesiog vizualiai išdėstyti elementus. Tada programuotojas turi spėlioti, koks buvo numatytas išdėstymas. Ar tai „flexbox“? Ar tai „float“? Koks tarpas?
2. „Penpot“: Dizaineris pasirenka kortelę, pritaiko „Flex Layout“, nustato kryptį (direction) į eilutę (row) ir nustato lygiavimą (align-items) į centrą (center).

Kai programuotojas įjungia tikrinimo režimą ir spusteli tą kortelę, jis pamatys šį CSS fragmentą:

display: flex;
flex-direction: row;
align-items: center;
gap: 16px;

Tai yra 1:1, nedviprasmiškas dizaino ketinimo vertimas. Nėra jokių spėlionių. Ši bendra kalba tarp dizaino įrankio ir naršyklės keičia žaidimo taisykles produktyvumo ir tikslumo srityje. Su artėjančiu CSS Grid palaikymu, „Penpot“ tvirtina savo pozicijas kaip labiausiai su kodu suderintas dizaino įrankis rinkoje.

Švarus, semantinis turto eksportavimas

Nors tikslas yra sumažinti priklausomybę nuo eksportavimo, tai vis dar yra būtina darbo eigos dalis. „Penpot“ siūlo lanksčias eksportavimo parinktis PNG, JPEG ir, svarbiausia, SVG formatams. Eksportuoti SVG failai yra švarūs ir optimizuoti, be nuosavybinių metaduomenų ir šiukšlių, kurias dažnai įterpia kiti įrankiai. Tai reiškia lengvesnį, greičiau įkeliamą turtą jūsų programai.

„Penpot“ ir konkurentai: lyginamoji analizė

Kaip „Penpot“ atrodo palyginti su rinkos senbuviais? Atlikime sąžiningą palyginimą.

„Penpot“ ir „Figma“

• Filosofija: Tai didžiausias skirtumas. „Penpot“ yra atvirojo kodo ir bendruomenės valdomas, paremtas atvirais standartais. „Figma“ yra nuosavybinis, uždaro kodo produktas.
• Hostingas ir duomenys: „Penpot“ siūlo tiek debesijos versiją, tiek galimybę diegti nuosavame serveryje, suteikiant komandoms visišką duomenų kontrolę. „Figma“ yra tik debesijos paslauga.
• Pagrindinės funkcijos: Abu įrankiai turi puikų bendradarbiavimą realiuoju laiku, komponentais pagrįstas dizaino sistemas ir prototipų kūrimo galimybes. „Figma“ šiuo metu turi brandesnį funkcijų rinkinį kai kuriose srityse, pavyzdžiui, pažangesnės animacijos ir didesnė įskiepių ekosistema. Tačiau „Penpot“ sparčiai vejasi.
• Perdavimas programuotojui: Abu turi tikrinimo režimus, tačiau „Penpot“ natūralus SVG formatas ir tiesioginis CSS išdėstymo modelių („Flexbox“/„Grid“) įgyvendinimas suteikia tiesioginį ir mažiau abstraktų vertimą į kodą.
• Kainodara: „Penpot“ versija, diegiama nuosavame serveryje, yra nemokama, o jos debesijos versija turi dosnų nemokamą planą, su mokamais planais didesnėms komandoms. „Figma“ yra daugiausia prenumerata pagrįsta paslauga, kuri gali tapti brangi didelėms komandoms.

„Penpot“ ir „Sketch“ / „Adobe XD“

• Platforma: „Penpot“ yra internetinis įrankis, pasiekiamas iš bet kurios šiuolaikinės naršyklės bet kurioje operacinėje sistemoje („Windows“, „macOS“, „Linux“). „Sketch“ yra žinomas kaip veikiantis tik „macOS“, kas iš karto atmeta didelę dalį pasaulinės programuotojų bendruomenės. „Adobe XD“ veikia įvairiose platformose, bet yra pirmiausia darbalaukio programa.
• Bendradarbiavimas: Bendradarbiavimas realiuoju laiku yra natūralus ir fundamentalus „Penpot“. Nors „Sketch“ ir „XD“ pridėjo bendradarbiavimo funkcijų, jie nebuvo sukurti aplink šią koncepciją nuo pat pradžių, ir patirtis kartais gali atrodyti ne tokia sklandi.
• Atvirumas: Kaip ir „Figma“, tiek „Sketch“, tiek „Adobe XD“ yra uždaro kodo produktai su nuosavybiniais failų formatais, sukuriantys tas pačias priklausomybės nuo tiekėjo ir duomenų kontrolės trūkumo rizikas. „Penpot“ atvirojo kodo prigimtis ir SVG formatas čia yra aiškūs pranašumai.

Kaip pradėti dirbti su „Penpot“: praktinis vadovas

Vienas geriausių dalykų, susijusių su „Penpot“, yra tai, kaip lengva pradėti. Galite pradėti kurti dizainą per kelias minutes.

Debesijos versijos naudojimas

Asmenims, laisvai samdomiems specialistams ir komandoms, norinčioms išbandyti „Penpot“ be jokios sąrankos, oficiali debesijos versija yra puikus atspirties taškas.

1. Apsilankykite „Penpot“ svetainėje.
2. Užsiregistruokite nemokamai paskyrai.
3. Štai ir viskas! Būsite nukreipti į savo prietaisų skydelį, kur galėsite kurti naujus projektus ir iš karto pradėti kurti dizainą. Nemokamas planas yra labai pajėgus ir tinkamas daugeliui profesionalių naudojimo atvejų.

Nuosavas „Penpot“ diegimas maksimaliai kontrolei

Įmonėms, agentūroms ir saugumą vertinančioms komandoms rekomenduojamas kelias yra diegimas nuosavame serveryje. Dažniausias ir palaikomas metodas yra naudojant „Docker“.

Nors detalės gali skirtis priklausomai nuo jūsų infrastruktūros, bendras procesas yra paprastas:

1. Būtinosios sąlygos: Jums reikės serverio (rekomenduojama „Linux“) su įdiegtais „Docker“ ir „Docker Compose“.
2. Atsisiųskite konfigūraciją: „Penpot“ pateikia `docker-compose.yaml` failą, kuris apibrėžia visas būtinas paslaugas („Penpot“ backend, frontend, exporter ir kt.).
3. Konfigūruokite: Jums gali tekti redaguoti kai kuriuos aplinkos kintamuosius konfigūracijos faile, kad jie atitiktų jūsų domeno ir SMTP nustatymus (el. pašto pranešimams).
4. Paleiskite: Vykdykite vieną komandą (`docker-compose -p penpot -f docker-compose.yaml up -d`), ir „Docker“ atsisiųs reikiamus atvaizdus ir paleis visus konteinerius.

Per kelias minutes turėsite veikiančią savo privačią „Penpot“ instanciją. Dėl išsamių, naujausių instrukcijų visada kreipkitės į oficialią „Penpot“ dokumentaciją.

Jūsų pirmasis projektas: trumpa pamoka

Sukurkime paprastą komponentą, kad pamatytume darbo eigą veikiant.

1. Sukurkite projektą: Iš savo prietaisų skydelio sukurkite naują failą. Pridėkite darbalaukį (artboard) prie drobės, pasirinkdami darbalaukio įrankį ir nubrėždami stačiakampį.
2. Sukurkite kortelės dizainą: Nubrėžkite stačiakampį kortelės fonui. Jo viduje pridėkite kitą stačiakampį vaizdo vietos rezervavimui, teksto sluoksnį pavadinimui ir kitą aprašymui.
3. Pritaikykite „Flex Layout“: Pasirinkite pagrindinį kortelės stačiakampį. Dešinėje esančiame dizaino skydelyje spustelėkite „+“ šalia „Layout“ ir pasirinkite „Flex“. Jūsų elementai dabar bus išdėstyti pagal „flex“ savybes. Pakeiskite `direction` į `column` (stulpelis) ir nustatykite `gap` (tarpą) 12px, kad pridėtumėte tarpą tarp elementų.
4. Sukurkite komponentą: Pasirinkite visą kortelę, dešiniuoju pelės mygtuku spustelėkite ir pasirinkite „Create Component“ (Sukurti komponentą). Jūsų kortelė dabar yra daugkartinio naudojimo komponentas.
5. Patikrinkite kodą: Pereikite į „View Mode“ (Peržiūros režimą) (arba pasidalykite nuoroda su programuotoju). Pasirinkite kortelę. Dešinėje esančiame skydelyje dabar bus rodomas „Code“ (Kodo) skirtukas, kuriame matysite tikslų CSS, įskaitant `display: flex;`, reikalingą šiam komponentui sukurti.

„Penpot“ ir atvirojo kodo dizaino ateitis

„Penpot“ yra ne tik programa; tai platforma ir bendruomenė. Jo ateitis yra šviesi ir susijusi su platesne atvirųjų standartų ir skaitmeninio suvereniteto tendencija. Galime tikėtis nuolatinių inovacijų pagrindinėse srityse:

• Gilesnės integracijos programuotojams: Tikėkitės daugiau integracijų su kūrimo platformomis, tokiomis kaip „GitLab“ ir „GitHub“, ir įrankių, kurie dar labiau automatizuoja perdavimo procesą.
• Pažangesnis prototipų kūrimas: Sudėtingesnė animacija, sąlyginė logika ir kintamieji padarys prototipus dar realistiškesnius ir galingesnius vartotojų testavimui.
• Įskiepių ir šablonų ekosistema: Augant bendruomenei, tikėkitės klestinčios bendruomenės sukurtų įskiepių, šablonų ir UI rinkinių ekosistemos, kuri paspartins darbo eigas.
• Visiškas CSS Grid palaikymas: Būsimas CSS Grid įgyvendinimas suteiks neprilygstamą išdėstymo dizaino patirtį, atspindinčią galingiausią išdėstymo modulį, prieinamą šiandieniniame internete.

„Penpot“ iškilimas signalizuoja dizaino pramonės brandą. Tai perėjimas nuo izoliuotų, nuosavybinių įrankių prie atviros, tarpusavyje susijusios ir standartais pagrįstos ekosistemos – tokios, kurioje dizaineriai ir programuotojai ne tik perduoda turtą, bet ir tikrai kalba ta pačia kalba.

Išvada: ar „Penpot“ tinka jūsų komandai?

„Penpot“ iš perspektyvaus naujoko išsivystė į galingą, gamybai paruoštą dizaino ir prototipų kūrimo platformą. Jis siūlo patrauklią alternatyvą bet kuriai komandai, kuri vertina bendradarbiavimą, efektyvumą ir kontrolę.

Turėtumėte rimtai apsvarstyti „Penpot“, jei jūsų komanda:

• Yra frontendo kūrimo komanda, norinti sumažinti trintį tarp dizaino ir kodo.
• Yra organizacija, kuriai reikalinga visiška duomenų ir įrankių kontrolė dėl privatumo, saugumo ar atitikties reikalavimų.
• Tiki atvirojo kodo galia ir nori išvengti priklausomybės nuo tiekėjo.
• Yra įvairių sričių komanda, kuriai reikia vieno, prieinamo tiesos šaltinio dizainui, atsiliepimams ir prototipų kūrimui.
• Yra dizaino agentūra, norinti pasiūlyti klientams lankstesnes ir saugesnes bendradarbiavimo galimybes, įskaitant nuosavame serveryje diegiamas instancijas.

Kelionė nuo dizainerio minties iki vartotojo ekrano turėtų būti kuo sklandesnė. Remdamasis gimtąja interneto kalba, „Penpot“ ne tik stato geresnį tiltą tarp dizaino ir programavimo – jis grindžia kelią tais pačiais standartais, kuriuos programuotojai naudoja kasdien. Raginame išbandyti „Penpot“ kitame savo projekte ir patirti atvirojo kodo dizaino laisvę, galią ir bendradarbiavimo dvasią.