Il pixel perfect che nessuno ti ha chiesto

Confessione: in questi giorni ho passato una quantità oscena di tempo a sistemare gli auto layout di un sito che, con ogni probabilità, finirà su Elementor rimontato a occhio da qualcuno che il mio file Figma lo aprirà giusto per fare uno screenshot. Ho costruito componenti con le varianti, ho nominato i layer come se dovessi consegnarli alla NASA, ho impostato uno spacing system con una coerenza che manco la Nazionale di Bearzot. Poi ho chiuso il laptop e mi sono chiesto la cosa più semplice del mondo: ma perché?

La risposta onesta è che non l’ho fatto per il cliente. L’ho fatto per me. È la stessa identica dinamica di quando ti compri l’attrezzatura da corsa prima ancora di aver corso un chilometro: non stai risolvendo un problema, stai comprando l’identità. L’auto layout perfetto è il modo in cui un designer si dimostra di essere un designer serio, e il fatto che nessuno lo noterà mai è, paradossalmente, quello che lo rende così soddisfacente.

Il ginepraio è una scelta, non un destino

Il punto è che Figma è uno strumento fantastico e proprio per questo è una trappola magnifica. Ti dà infiniti modi per fare le cose bene, e quindi ti convince che farle bene sia sempre l’obiettivo. È il Photoshop dei nostri tempi: puoi passarci una vita dentro senza mai chiederti se quello che stai facendo serve a qualcosa. La differenza è che Photoshop almeno non fingeva di essere metodologia — Figma sì, e con un design system dietro sembra pure che tu stia lavorando in modo maturo, quando in realtà stai facendo l’equivalente professionale del riordinare la scrivania invece di studiare.

E il ginepraio non arriva con un cartello che dice “attenzione, stai per infilarti in un ginepraio”. Arriva un pezzettino alla volta, come il rospo nella pentola d’acqua che si scalda piano. Prima allinei bene una sezione. Poi la trasformi in componente perché tanto la riuserai. Poi fai le varianti perché in mobile cambia. Poi ti accorgi che i nomi dei layer sono un cesso e li rinomini tutti. Tre ore dopo hai un file che è un’opera d’ingegneria e un cliente che ti ha pagato quanto un rimborso spese, e che magari si incavolerà perchè sei in ritardo sulla consegna.

La domanda che nessuno fa mai all’inizio

C’è una domanda che dovremmo farci prima di aprire il file, e che invece ci facciamo sempre dopo averlo chiuso: chi lo costruisce, questo coso? Perché la risposta cambia tutto e non cambia niente nel modo in cui lavoriamo, il che è esattamente il problema.

Se il sito lo sviluppa un team frontend che scrive codice vero, allora sì: i token, i componenti, gli spacing consistenti, tutto quel lavoro noioso ha un senso pratico, perché qualcuno dall’altra parte lo tradurrà in CSS e ti sarà grato come se gli avessi salvato il matrimonio. Se il sito lo monta un tizio su Elementor — o su WordPress con un tema comprato, o su Wix, o su Squarespace — quel tizio non guarderà mai il tuo constraint. Prenderà la tua schermata, la guarderà con l’affetto con cui si guarda una cartolina, e ricostruirà qualcosa che le somiglia. Per somiglianza, appunto. Come i quadri fatti dagli studenti dell’Accademia che copiano Caravaggio: il soggetto c’è, l’anima un po’ meno, e il tuo padding da 24px diventa “un po’ di spazio”.

E se lo monti tu stesso con Elementor? Allora hai appena fatto due volte lo stesso lavoro, una volta con la precisione svizzera e una volta con la pazienza di chi trascina widget. Complimenti, hai inventato il doppio turno gratuito.

Non esiste solo Figma, e non esiste solo il pixel perfect

Qui va detta una cosa che a volte ci dimentichiamo: lo strumento dovrebbe seguire il progetto, non il contrario. Esistono strumenti pensati proprio per stare sul vago, che è una virtù, non un difetto. Balsamiq esiste da secoli e fa wireframe volutamente brutti, così brutti che il cliente non può innamorarsi del colore del bottone e deve guardare la struttura. Excalidraw fa la stessa cosa con l’estetica dello schizzo a mano libera. Penpot è open source e per certi tipi di lavoro fa più che il suo sporco lavoro. E se stai progettando qualcosa che poi verrà rimontato a occhio su un page builder, un file Figma tenuto largo e leggibile, senza pretese di ingegneria, è tecnicamente più utile di uno perfetto: perché comunica l’intenzione invece della misura.

Il che, tra l’altro, ci dice una cosa scomoda sul nostro mestiere. Molto del tempo che passiamo a rendere i file impeccabili non serve a comunicare meglio: serve a proteggerci. È un modo per dire “guarda, io il mio l’ho fatto bene, se poi il risultato finale fa schifo è colpa di quello di Elementor”. È un alibi con l’interfaccia scura.

Un criterio, non una regola

Non ho una formula magica del tipo “125 meno gli anni del cliente”, ma un criterio grezzo sì: la precisione del file deve essere proporzionale a quanta di quella precisione arriverà davvero in produzione. Se il ponte tra il tuo file e il sito vero è un essere umano che guarda e ricopia, la precisione evapora per strada e tu stai riscaldando l’atmosfera. Se il ponte è codice, la precisione è un investimento. Se non sai chi sia il ponte, chiedilo prima, non dopo — anche perché la risposta ti dice pure quanto vale la pena discutere sul budget.

E se ti trovi in mezzo, ovvero il caso più frequente della vita reale, la risposta non è “fai le cose a metà”. È decidere consapevolmente cosa curare e cosa lasciare andare. Curare la gerarchia, le proporzioni, la scala tipografica, i contrasti: quella roba sopravvive alla traduzione, anche fatta a occhio da uno che ha fretta. Curare il fatto che il componente card abbia tre varianti responsive: quella roba muore appena il file esce dal tuo computer, come i personaggi secondari nella prima stagione di una serie.

La parte che non ci piace ammettere

La verità è che nessuno ti dirà mai “grazie per gli auto layout”. Il cliente vedrà il sito online e dirà “bello” oppure dirà “il logo più grande” o “c’è troppo nero”, e in entrambi i casi la tua architettura interna non avrà spostato di un millimetro il suo giudizio. Il rispetto professionale che cerchiamo dentro quei file non ce lo darà nessuno da fuori, perché da fuori quei file non li guarda nessuno.

Il che non significa che il rigore sia inutile. Significa che il rigore è una scelta che paghi tu, con le tue ore, e che devi decidere se ti puoi permettere — su quel progetto, con quel budget, con quel cliente. A volte sì. Molto spesso no. E la parte scomoda è che continueremo a farlo lo stesso, perché fare le cose fatte bene è l’unica soddisfazione che nessun cliente ci può togliere. Solo che non è un metodo. È un hobby travestito da metodo, e a fine mese l’hobby non lo fattura nessuno.

P.S. Se anche tu ti sei riconosciuto in quelle tre ore passate a rinominare i layer di un sito da 800 euro, benvenuto nel club. Il tesseramento è gratuito, l’iscrizione la paghi in straordinari non fatturati.