Loading
Design & UX/UI

Tutto Diventa Vetro: Liquid Glass, Glassmorphism e il Nuovo Linguaggio del Design Digitale

C'è un momento preciso in cui un linguaggio visivo smette di essere una tendenza e diventa uno standard. Per il glassmorphism, quel momento è adesso. Mentre Apple si prepara a raffinare Liquid Glass con iOS 27 alla WWDC 2026, Figma lancia il suo AI Agent capace di generare interfacce complete, e il CSS evolve per supportare effetti di trasparenza sempre più sofisticati, una cosa è chiara: le interfacce digitali stanno diventando trasparenti, stratificate e contestuali come non lo sono mai state prima. Non si tratta solo di estetica. Si tratta di un ripensamento profondo di come comunichiamo informazione, gerarchia e significato attraverso gli schermi.

Liquid Glass: Da Rivoluzione Controversa a Linguaggio Maturo

Quando Apple ha introdotto Liquid Glass con iOS 26 un anno fa, la reazione è stata polarizzante. Da un lato, il design più ambizioso dai tempi di iOS 7: elementi UI traslucidi che riflettono e rifrangono il contenuto sottostante, creando una profondità visiva mai vista su dispositivi mobili. Dall'altro, critiche immediate e legittime sulla leggibilità, sul contrasto insufficiente e su un'estetica che in molti casi privilegiava lo stile sulla funzione. Le lamentele su macOS Tahoe sono state particolarmente vocali: la trasparenza aggressiva rendeva difficile distinguere gli elementi in condizioni di luce reale.

Un anno dopo, con la WWDC 2026 che si apre proprio oggi, 8 giugno, Apple sembra pronta a fare ciò che fa meglio: iterare. Le anticipazioni parlano di slider di intensità a livello di sistema per regolare gli effetti di Liquid Glass su tutto iOS 27, iPadOS 27 e macOS 27. Non è un passo indietro — è un'ammissione progettuale matura. La trasparenza funziona, ma deve essere controllabile. L'utente deve poter decidere quanta profondità visiva vuole, esattamente come regola la luminosità dello schermo. Questo concetto — personalizzazione della densità visiva — è destinato a influenzare profondamente il modo in cui progettiamo interfacce web nei prossimi anni.

Il Glassmorphism sul Web: Da Decorazione a Sistema di Design

Sul web, il glassmorphism ha attraversato un percorso parallelo. Dopo l'esplosione iniziale del 2021-2022, quando ogni landing page sembrava un esperimento di backdrop-filter, il trend si è raffinato. Il glassmorphism 2.0 del 2026 non è più un effetto applicato a caso su ogni superficie: è un linguaggio strutturato con regole precise, casi d'uso definiti e — soprattutto — una coscienza dell'accessibilità che prima mancava del tutto.

Il pattern dominante oggi è quello ibrido: interfacce fondamentalmente flat, con il glassmorphism applicato selettivamente su elementi ad alto impatto — card, modali, header, hero section. I pannelli traslucidi creano gerarchia visiva attraverso la profondità, non attraverso bordi pesanti o ombre drop-shadow. Il contenuto dietro il vetro smerigliato non è rumore: è contesto. Quando fatto bene, il glassmorphism comunica che un elemento vive sopra il contenuto senza disconnettersi da esso.

Sul piano tecnico, le proprietà CSS si sono evolute significativamente. Non parliamo più solo di backdrop-filter: blur() con uno sfondo rgba(). Il glassmorphism 2.0 sfrutta la sintassi dei colori relativi, gradienti mask-image e backdrop-filter multi-layer per creare superfici che reagiscono realisticamente alla luce. La sfida rimane l'accessibilità: il testo dentro un elemento glassmorphic deve rispettare un rapporto di contrasto WCAG AAA di almeno 7:1, e troppe implementazioni ancora ignorano questo requisito. Trasparenza senza leggibilità non è design — è decorazione.

Interfaccia web con elementi glassmorphism: card traslucide, barra di navigazione con backdrop-filter e layout CSS moderno
Interfaccia di un design tool AI con pannello assistente, canvas di progettazione e layer panel in tema scuro

Figma AI Agent: Il Design Diventa Conversazione

Mentre il linguaggio visivo si evolve verso la trasparenza, gli strumenti che usiamo per progettarlo stanno subendo una trasformazione altrettanto radicale. Il 20 maggio 2026, Figma ha lanciato in beta limitata il suo AI Agent — non un semplice assistente che suggerisce colori o genera placeholder text, ma un agente che può modificare direttamente il prodotto. L'Agent di Figma legge il contesto del design system, comprende le relazioni tra componenti, e applica modifiche attraverso una conversazione in linguaggio naturale.

Per capire l'impatto, basta pensare a cosa significa in pratica. Un designer può descrivere a parole un'interfaccia — "crea una card glassmorphic con blur a 20px, bordo bianco al 15% di opacità, ombra interna leggera" — e l'Agent la genera rispettando il design system del progetto, non producendo pixel generici. L'Agent non sostituisce il designer: accelera drammaticamente il ciclo ideazione-prototipo-iterazione. Combinato con il Figma MCP Server, che porta il contesto di design direttamente negli strumenti di coding come VS Code, Cursor e Claude, il risultato è un workflow dove il confine tra progettazione e sviluppo diventa sempre più sottile.

Il dato più significativo arriva dal State of the Designer 2026 di Figma: il 72% dei designer usa già AI generativa nel proprio workflow, e il 91% dichiara che migliora la qualità degli output. Non siamo più nella fase dell'esperimento — siamo nella fase dell'integrazione strutturale.

L'Accessibilità Come Vincolo Creativo, Non Come Limite

C'è un filo rosso che collega le critiche a Liquid Glass, le best practice del glassmorphism sul web e l'evoluzione degli strumenti di design AI: l'accessibilità non è più un requisito da soddisfare a posteriori, ma il vincolo progettuale che definisce la qualità del lavoro. La decisione di Apple di aggiungere slider di personalizzazione per Liquid Glass non è una concessione agli utenti esigenti — è il riconoscimento che un linguaggio visivo universale deve essere, per definizione, universale.

Nel web design, questo si traduce in scelte concrete. Il glassmorphism funziona quando il testo ha un fallback di contrasto solido dietro il blur. Funziona quando la trasparenza degrada elegantemente sui dispositivi che non supportano backdrop-filter. Funziona quando il motion design comunica stato e transizione senza dipendere esclusivamente dall'effetto visivo per trasmettere informazione. La tendenza del 2026 verso interfacce "calm" — interfacce che riducono il carico cognitivo invece di aumentarlo — è perfettamente compatibile con la trasparenza, ma solo se la trasparenza è al servizio della chiarezza, non della spettacolarità.

Il Design nel 2026: Trasparente in Ogni Senso

Guardando l'insieme — Liquid Glass che matura, il glassmorphism che diventa sistema, gli strumenti AI che democratizzano la progettazione — emerge un paradosso produttivo. Le interfacce diventano visivamente trasparenti nel momento esatto in cui il processo di design diventa trasparente al non-designer. L'AI Agent di Figma permette a un product manager di prototipare un'idea senza aprire un file di design. Gli slider di Liquid Glass permettono a un utente di decidere quanto "design" vuole vedere. Il glassmorphism sul web lascia intravedere il contenuto sottostante invece di nasconderlo dietro superfici opache.

Per chi progetta, il messaggio è chiaro. La competenza tecnica nel replicare un effetto frosted glass non è più un differenziatore — lo è la capacità di decidere quando usarlo e quando no. Il valore si sposta dalla produzione all'intenzione: perché questo pannello è trasparente? Cosa comunica la profondità in questo contesto? L'utente capisce cosa sta guardando o è solo bello da vedere? Queste sono le domande che separano un'interfaccia ben progettata da una che segue una tendenza.


Il vetro, nella sua accezione più ampia, è sempre stato un materiale che connette: separa gli ambienti ma lascia passare la luce. Le interfacce digitali stanno finalmente imparando questa lezione. La sfida per designer e sviluppatori non è padroneggiare le proprietà CSS della trasparenza o imparare a usare l'ultimo strumento AI — è capire che il design migliore è quello che scompare, che non si fa notare, che lascia l'utente concentrato su ciò che conta. Ironicamente, il modo migliore per farlo nel 2026 è rendere tutto un po' più trasparente.

Lascia un commento