Penpot či Figma: bezplatný handoff môže ušetriť tímu tisíce

Penpot môže tímu s desiatimi dizajnérmi a dvadsiatimi vývojármi znížiť modelový ročný účet za licencie o 3 960 USD, ak každý vývojár vo Figme potrebuje platený Dev Mode: cenník Penpotu uvádza 7 USD mesačne za editora v pláne Unlimited a cenník Figmy uvádza v pláne Professional 16 USD za miesto Full a 12 USD za miesto Dev. Ide o podmienenú úsporu na cloudových licenciách, nie o cenu celej zmeny nástroja.

Ak vývojárom stačí základná kontrola návrhu, môžu ho vo Figme prezerať aj bez plateného miesta Dev a rozdiel sa zmenší. Figma môže byť vhodnejšia aj tam, kde tím závisí od konkrétnych doplnkov a rozsiahlej knižnice komponentov. Pri rozhodovaní preto záleží na skutočne potrebnom prístupe vývojárov, náročnosti súborov a čase potrebnom na prenos dizajnového systému.

Ročný účet pre dve veľkosti tímu

Nasledujúce výpočty používajú uvedené mesačné sadzby počas dvanástich mesiacov a predpokladajú, že všetci dizajnéri majú platené miesto, každý vývojár vo Figme potrebuje Dev Mode a v Penpote iba kontroluje návrhy. Penpot Unlimited účtuje editorov; jeho bezplatný plán Professional môže stačiť menšiemu tímu, má však odlišné limity úložiska a histórie. Model s plateným Penpotom ukazuje konzervatívnejší rozdiel medzi cloudovými plánmi.

• Dvaja dizajnéri a piati vývojári: Figma Professional vychádza na 2 × 16 + 5 × 12 = 92 USD mesačne, teda 1 104 USD ročne. Penpot Unlimited vychádza na 2 × 7 = 14 USD mesačne, teda 168 USD ročne. Rozdiel je 936 USD.
• Desiati dizajnéri a dvadsiati vývojári: Figma vychádza na 10 × 16 + 20 × 12 = 400 USD mesačne, teda 4 800 USD ročne. Penpot vychádza na 10 × 7 = 70 USD mesačne, teda 840 USD ročne. Rozdiel je 3 960 USD.

Počet vývojárov s plateným prístupom je najcitlivejšou premennou. Ak piati vývojári v menšom tíme vystačia vo Figme s bezplatným prezeraním a základnou kontrolou, ročný účet za dve miesta Full je 384 USD. Rozdiel oproti Penpotu Unlimited klesne na 216 USD. Pri väčšom tíme by desať miest Full bez platených miest Dev stálo 1 920 USD ročne, čiže rozdiel oproti uvedenému Penpotu by bol 1 080 USD.

Výpočty sú podmienené príklady v dolároch. Nezahŕňajú dane, kurz pri platbe zo Slovenska, zľavy, ďalšie produkty ani zmeny počtu miest počas roka. Predovšetkým neoceňujú prácu pri migrácii: ak úprava knižnice a následné spomalenie práce spotrebujú viac času, než predstavuje rozdiel v licenciách, lacnejšie predplatné nezníži celkový náklad tímu.

Cloud a vlastný server majú iný účet

Pri cloudovom Penpote tím platí podľa zvoleného plánu a prevádzku služby zabezpečuje poskytovateľ. Sebahostenie dáva organizácii kontrolu nad umiestnením návrhov a vlastnou infraštruktúrou. Z ceny cloudového plánu však nemožno odvodiť náklad na server, zálohovanie, aktualizácie, prístupové práva a obnovu po výpadku.

Pre slovenskú organizáciu, ktorá potrebuje určiť, kde zostanú pracovné súbory, môže byť vlastná prevádzka podstatným dôvodom na výber Penpotu. Jej rozpočet musí rátať s kapacitou správcu aj s tým, ako sa budú uchovávať a obnovovať dáta. Ak už tím spravuje podobné služby, dodatočná práca môže byť menšia; bez údajov o jeho infraštruktúre by presná suma bola vymyslená.

Otvorený charakter Penpotu zároveň umožňuje pracovať so štandardnými výstupmi vrátane SVG a s rozloženiami založenými na CSS Flex a Grid. To môže uľahčiť prenos pravidiel rozloženia do webového produktu. Samotný otvorený formát však nezaručuje, že sa existujúca knižnica z Figmy prenesie bez opráv.

Čo vývojár skutočne potrebuje pri odovzdaní

Penpot v režime Inspect podľa svojej dokumentácie sprístupňuje rozmery, vlastnosti vrstiev, export prvkov a kódové výstupy aj pri prezeraní návrhu. Vývojár môže skontrolovať rozstupy a štýly bez úpravy zdrojového súboru. Pre tím s mnohými ľuďmi, ktorí návrhy iba preberajú, je dôležité, že tento prístup nevyžaduje platené miesto Dev pre každého z nich.

Aj Figma umožňuje bezplatnému divákovi prezerať rozmery a vlastnosti, kopírovať základný kód a exportovať podklady. Platený Dev Mode pridáva širší pracovný priestor pre odovzdávanie a spoluprácu s dizajnovým systémom. Preto samotná veta „vývojár potrebuje Inspect“ nestačí na pridelenie plateného miesta: rozhodujú úlohy, ktoré musí dokončiť v existujúcom postupe tímu.

Ak vývojár potrebuje iba hodnoty farieb, rozmery a export ikony, treba porovnať oba nástroje práve pri týchto úkonoch. Ak využíva ďalšie funkcie Dev Mode alebo integrácie naviazané na Figmu, lacnejší prístup v Penpote môže znamenať zmenu postupu. Rozdiel v cene má zmysel až spolu s rozdielom v práci, ktorú dokáže tím dokončiť.

Veľké súbory a doplnky menia výsledok

V porovnaní Mantlr autor pri návrhu približne s 80 komponentmi na 12 stranách zaznamenal pomalšie prepínanie strán a menej plynulé približovanie v Penpote; opisuje aj menší výber doplnkov. Je to výsledok konkrétneho súboru a zostavy, nie univerzálna rýchlosť oboch služieb. To isté porovnanie vyčíslilo pri dvoch dizajnéroch a piatich vývojároch úsporu 2 316 USD, no skombinovalo cenu miesta Full z plánu Professional s cenou 35 USD za Dev z plánu Enterprise. Taký výpočet nie je porovnateľný s účtom Professional uvedeným vyššie.

Pri rozsiahlej knižnici rozhodujú úkony, ktoré tím opakuje každý deň: otvorenie súboru, prepínanie strán, priblíženie, úprava vnoreného komponentu a načítanie jeho inštancií. Slabá odozva pri jedinom z nich môže stáť viac pracovného času, než naznačuje rozdiel v mesačnej cene. Naopak, skúsenosť s cudzím dashboardom nemusí predpovedať správanie menších návrhov vlastného tímu.

Podobne treba posudzovať doplnky podľa úlohy, nie podľa ich počtu v katalógu. Tím môže potrebovať konkrétnu kontrolu prístupnosti, prácu s obsahom alebo export do ďalšieho nástroja. Ak jej náhrada chýba, čas na ručné vykonanie tej istej práce patrí do nákladov na zmenu nástroja. Ak tím také doplnky nepoužíva, veľkosť ekosystému má pri jeho rozhodovaní menšiu váhu.

Migračný pilot pred presunom knižnice

Migračná príručka Penpotu odporúča preveriť reťazce komponentov, tokeny a závislosti od doplnkov a preniesť najprv reprezentatívny súbor. Pre zložitejšie knižnice opisuje Penpot Exporter pre Figmu. Prenos týmto nástrojom je jednorazová migrácia, nie priebežná synchronizácia zmien medzi službami.

1. Vyberte súbor s používanými variantmi, vnorenými komponentmi, štýlmi a rozložením Auto Layout. Pridajte veľkú pracovnú stranu; iba jednoduchý ukážkový návrh by nezachytil náročnosť knižnice ani odozvu pri bežnej práci.
2. Po importe porovnajte väzby komponentov a výsledný vzhľad. Overte, či zmena hlavného komponentu upraví jeho inštancie, či varianty zostali usporiadané a či sa nezmenili farby, typografia alebo rozstupy.
3. Nechajte vývojára dokončiť typické odovzdanie cez Inspect. Zapíšte, ktoré hodnoty vie prevziať priamo, čo potrebuje upraviť a či chýba doplnok používaný pri príprave kódu alebo podkladov.
4. Na veľkom súbore zopakujte bežné úpravy a zaznamenajte čas opráv po importe. Odhad pre zvyšok knižnice potom porovnajte s ročnou úsporou na potrebných miestach.

Ak pilot odhalí opakované opravy variantov alebo nevyhovujúcu odozvu pri súboroch, s ktorými tím denne pracuje, úspora na licenciách sa môže rýchlo minúť. Ak komponenty zostanú použiteľné a vývojári dokončia odovzdanie bez platených miest, Penpot prináša vyčísliteľnú úsporu aj možnosť vlastnej prevádzky. Rozhodujúci je preto účet za prístup, ktorý ľudia naozaj potrebujú, spolu s prácou nutnou na zachovanie funkčného dizajnového systému.

Prečítajte si aj:

• Shopify či WooCommerce: bezplatné jadro môže mať drahšiu prevádzku
• Supabase či Firebase: predvídateľná cena môže prehrať na ekosystéme
• Microsoft Planner či Trello: bezplatná tabuľa môže zdražieť pri závislostiach