Come installare Penpot su Saplo: alternativa a Figma senza costi per utente

Figma nel piano Professional costa 16 dollari al mese per una postazione completa di editor con pagamento annuale, e 20 dollari con pagamento mensile. In euro sono circa 14 € al mese per ogni persona che lavora al progetto. Un team di cinque designer paga quindi circa 68 € al mese, cioè circa 818 € all'anno, e questa cifra aumenta con ogni nuovo editor. Penpot è un editor open source per la progettazione di interfacce e prototipazione, che fa la stessa cosa nel browser, ma installato sul tuo server non prevede costi per postazione. Qui sotto trovi una guida completa: cos’è Penpot, quando può davvero sostituire Figma e quando no, quante risorse richiede e come installarlo su Saplo passo dopo passo.

Cos'e Penpot

Penpot e uno strumento per il design UI/UX sviluppato dalla societa spagnola Kaleidos come progetto open source. Funziona interamente nel browser, proprio come Figma, quindi il designer non deve installare nulla sul computer. La differenza tecnica piu importante: Penpot salva i progetti in standard web aperti, cioe SVG, e la disposizione degli elementi si basa su CSS Flexbox e CSS Grid. Per il team questo significa che il progetto e piu vicino a cio che poi lo sviluppatore inserira nel codice.

Cosa ottieni in pratica:

• mockup e progetti di schermi, con livelli, gruppi, maschere, testo e grafica vettoriale,
• componenti e librerie condivise, cioe pulsanti, campi modulo e schede definite una volta e usate in molti file,
• layout Flex e Grid, che funzionano come i loro equivalenti in CSS, quindi il progetto responsive non e solo un disegno,
• prototipi cliccabili con transizioni tra schermate, da mostrare al cliente o per test con utenti,
• scheda Inspect, dove lo sviluppatore legge dimensioni, colori, spaziature e codice CSS o SVG pronto all'uso,
• esportazione in PNG, PDF e SVG, gestita da un contenitore di esportazione separato,
• modifica collaborativa in tempo reale, quando piu persone lavorano sullo stesso file contemporaneamente, con cursori e commenti visibili.

La descrizione completa dell'app e il pulsante per l'installazione li trovi su pagina Penpot nel catalogo Saplo.

Penpot o Figma: un confronto onesto

Penpot non è una copia esatta di Figma e non ha senso fingere che lo sia. Prima di spostare il tuo team, verifica se il tuo lavoro rientra nelle aree in cui Penpot eccelle.

Criterio	Figma (Professional)	Penpot su Saplo
Prezzo	circa 14 € al mese per ogni editor	prezzo fisso del Box, senza costi per postazione
Numero di editor	ognuno pagato singolarmente	senza limiti, solo la memoria del server pone restrizioni
Dove risiedono i progetti	cloud di Figma, server negli USA	il tuo Box nel data center in Germania
Formato file	formato proprietario di Figma	standard aperti, SVG e CSS
Layout degli elementi	Auto Layout (modello proprietario)	Flex e Grid conformi a CSS
Modifica collaborativa in tempo reale	sì	sì
Prototipi	avanzati, con animazioni	basi e di media complessità
Plugin	vastissimo ecosistema	più piccolo, ma in crescita
Funzioni AI	integrate, a pagamento con crediti	assenti nell'installazione standard

Quando Penpot è sufficiente: progetti siti e applicazioni web, crei mockup per clienti, costruisci librerie di componenti, consegni il progetto agli sviluppatori. Questa è la maggior parte del lavoro nelle piccole agenzie e nei team di prodotto.

Quando restare con Figma: il team fa molto affidamento su plugin specifici dell'ecosistema Figma, realizza prototipi molto complessi con microanimazioni o il cliente richiede file nel formato .fig. Penpot non apre direttamente i file Figma. Migrare progetti esistenti è un lavoro a parte, quindi è sensato iniziare nuovi progetti in Penpot e terminare i vecchi dove sono stati creati.

Quanto costa: il conto con numeri precisi

Figma conta per persona. Box su Saplo conta per server. Con un solo designer la differenza è piccola, con un team diventa significativa.

Team	Figma Professional annuale	Penpot su Box L annuale
1 designer	circa 164 €	136 €
3 designer	circa 491 €	136 €
5 designer	circa 818 €	136 €
10 designer	circa 1 636 €	295 € (Box XL)

Le cifre per Figma sono convertite da 16 dollari mensili con pagamento annuale, al cambio di circa 0,85 euro per dollaro. Pagando mensilmente Figma costa un quarto in più. I prezzi di Saplo sono i prezzi di listino dei Box, il primo anno costa quanto il rinnovo.

C'è un'altra cosa che non si vede nella tabella: sullo stesso Box puoi installare altri strumenti per il team. Disco condiviso, gestore di password o lavagna delle attività si installano accanto a Penpot senza costi aggiuntivi, finché la memoria lo permette.

Requisiti: quale Box scegliere

Penpot è una delle applicazioni più pesanti nel catalogo Saplo. L'installazione è composta da cinque container Docker che lavorano insieme:

• frontend, l'editor nel browser, unico container esposto all'esterno,
• backend, che conserva i progetti e gestisce la modifica collaborativa; funziona su una macchina virtuale Java, quindi consuma memoria,
• exporter, che genera esportazioni in PNG, PDF e SVG, eseguendo al suo interno un browser,
• PostgreSQL 15, un database dedicato esclusivamente a Penpot,
• Redis, cache e coda per la modifica collaborativa.

Ecco i requisiti:

• minimo 4 GB di RAM libera e 15 GB di spazio su disco,
• Box con Docker, il motore si attiva automaticamente durante l'installazione dal catalogo,
• dominio o sottodominio *.saploapp.pl, incluso nel prezzo di ogni piano.

In pratica significa:

• Box S (1 GB) e Box M (2 GB) non sono sufficienti. Penpot non può essere ospitato su questi.
• Box L (6 GB RAM, 60 GB SSD, 136 € all'anno) è il minimo ragionevole per un team di poche persone. Rimane spazio di memoria per una o due applicazioni leggere in più, e i backup degli ultimi 7 giorni sono inclusi nel prezzo.
• Box XL (12 GB RAM, 150 GB SSD, 295 € all'anno) scegliilo se progettano insieme una decina di persone, se i file contengono centinaia di schermate o se vuoi tenere più strumenti del team sullo stesso server.

Non devi acquistare o configurare un database separato. PostgreSQL e Redis fanno parte della configurazione e sono inclusi nello stesso set di container di Penpot.

Installazione passo dopo passo

1. Accedi al pannello Saplo e vai al Catalogo delle applicazioni. Troverai Penpot tra gli strumenti. Puoi anche iniziare dalla pagina di Penpot e cliccare sul pulsante di installazione.
2. Scegli il Box su cui vuoi installare l'editor. Se il Box ha poca memoria disponibile, il pannello te lo segnalerà prima dell'installazione, evitando tentativi falliti.
3. Imposta l'indirizzo. Il modo più semplice è usare un sottodominio come projects.saploapp.pl. Se preferisci un dominio personalizzato, ad esempio design.tuaazienda.it, configuralo durante l'installazione: il certificato SSL verrà emesso automaticamente.
4. Conferma l'installazione. Il sistema installerà Docker, scaricherà le immagini di Penpot, PostgreSQL e Redis, genererà password casuali per il database e la chiave di sessione, e avvierà tutti e cinque i container.
5. Attendi. Le tre immagini di Penpot pesano insieme più di un gigabyte, quindi il primo download su un Box nuovo richiede più tempo rispetto ad applicazioni leggere. L'installazione si completa solo quando l'editor risponde effettivamente all'indirizzo scelto.
6. Quando lo Stato diventa "attivo", apri l'indirizzo nel browser.

Primo avvio: account e team

Penpot non prevede una password amministratore preimpostata. Puoi creare il tuo account al primo accesso al sito:

1. Nella schermata di accesso seleziona Create an account.
2. Inserisci email, password e nome. La conferma tramite email è disabilitata in questa installazione, quindi l'account è attivo immediatamente.
3. Penpot crea automaticamente il tuo primo team. All'interno del team crei i progetti, e all'interno dei progetti i file con le schermate.

I dettagli dell'installazione, inclusi i nomi dei container e i comandi per visualizzare i log, sono salvati nel file PENPOT-SETUP.txt nella cartella dell'applicazione sul Box. Il Pannello Saplo ti mostrerà il contenuto quando ne avrai bisogno.

Importante durante la registrazione: dato che il modulo è aperto e la conferma via email è disabilitata, chiunque conosca l'indirizzo può creare un account. Per un piccolo team su una sottodominio poco conosciuta normalmente non è un problema. Tuttavia, se l'indirizzo diventa pubblicamente noto, dopo la creazione degli account per tutto il team è consigliabile disabilitare la registrazione, come spiegato più avanti.

Come lavora il team: inviti senza email

Gli inviti al team Penpot vengono inviati tramite email. L'installazione standard su Saplo non ha un server di posta configurato, quindi l'email con l'invito non partirà. Ci sono due soluzioni:

• più semplice: ogni membro del team crea un proprio account usando il tuo indirizzo, e tu lo aggiungi al team oppure condividi con lui il progetto,
• completa: configuri un server SMTP, per esempio una casella aziendale che hai già. Lo fai tramite SSH, aggiungendo il flag enable-smtp e le variabili PENPOT_SMTP_* nel file docker-compose.yml nella cartella dell'applicazione, poi avvii docker compose up -d. Da quel momento gli inviti, il reset della password e le notifiche funzionano normalmente.

L'accesso via SSH è disponibile in ogni Box dal piano M in su, quindi con Box L e XL ce l'hai subito, completo di sudo.

Sicurezza e impostazioni da modificare

Alcune cose da fare nella prima settimana:

• Disabilita la registrazione dopo aver creato un account team. Aggiungi il flag disable-registration alla variabile PENPOT_FLAGS in docker-compose.yml per frontend e backend, poi riavvia i container. Nuove persone potrai aggiungerle solo tramite inviti, se SMTP è configurato.
• Usa un dominio personalizzato per i clienti. Un prototipo inviato al cliente all'indirizzo projects.tuaazienda.it appare più professionale rispetto a un link generico di un altro cloud.
• Ricordati dei backup. Box L include backup da 7 giorni, Box XL da 14 giorni. Inoltre, di tanto in tanto esporta i file più importanti da Penpot in formato .penpot per avere una copia indipendente dal server.
• Effettua aggiornamenti consapevolmente. La ricetta usa le immagini più recenti di Penpot. Prima di un aggiornamento importante, verifica la lista delle modifiche del progetto e assicurati di avere un backup aggiornato.

I progetti dei clienti non lasciano il tuo Box e non vengono trasferiti su server negli Stati Uniti. Per le agenzie che firmano accordi di confidenzialità con i clienti o lavorano in settori sensibili, questo spesso rappresenta un vantaggio maggiore rispetto al solo prezzo.

Problemi più comuni

L'editor impiega molto tempo a caricare al primo accesso. Il backend in Java si riscalda al momento dell'avvio dei contenitori. La prima apertura dopo un riavvio può essere più lenta, le successive invece sono rapide.

L'esportazione in PDF o PNG non funziona o richiede molto tempo. L'exporter avvia un browser all'interno e consuma molta memoria. Se su Box girano molte applicazioni contemporaneamente, la RAM può non bastare. Controlla i log del contenitore dell'exporter e se la memoria scarseggia costantemente, passa a un piano superiore.

L'invito al team non è arrivato. Questo è un comportamento di default, perché senza SMTP Penpot non invia email. Collega un SMTP oppure chiedi alla persona di creare un account e aggiungila manualmente.

Non riesco a fare il login dopo aver cambiato l'indirizzo. Penpot salva il suo indirizzo pubblico nella configurazione. Cambiare dominio dopo l'installazione richiede di aggiornare la variabile PENPOT_PUBLIC_URI e riavviare i contenitori. È più semplice scegliere fin dall'inizio l'indirizzo definitivo.

Riepilogo

Penpot ha il suo massimo senso proprio lì dove Figma crea più problemi: in un team composto da più designer, ognuno dei quali comporta un costo mensile individuale. Con il Box L a 139 € all'anno puoi avere un editor per tutto il team, con modifica collaborativa in tempo reale, librerie di componenti, prototipi ed esportazione, e i progetti rimarranno sul tuo server. Prima di migrare l'intero team, crea un nuovo progetto in Penpot e verifica se per te è un problema la mancanza di plugin specifici di Figma. Se no, il conto è chiaro da solo.

Inizia da pagina Penpot nel catalogo Saplo, e se non hai ancora un Box, confronta i piani nel prezzario.