UX Caffè

Da Figma a Live Website: Come Funziona Sites, il Nuovo Tool per Pubblicare Online

Figma Sites è il nuovo Webflow killer? Scopriamo insieme cosa può fare, cosa gli manca e se vale la pena provarlo.

Lunedì 26 maggio 2025

Chi lavora nel web design sa che Figma è diventato uno standard per la progettazione di interfacce. Ma oggi Figma ha deciso di fare un passo in più con Sites, il nuovo tool lanciato per trasformare i design in veri e propri siti web pubblicabili online, senza bisogno di passare per altri strumenti come Webflow, Framer o WordPress. Ma… funziona davvero? E soprattutto: può sostituire gli altri?

In questo articolo ti porto una panoramica super semplice e concreta su cosa fa (e cosa no) Figma Sites, per capire se è solo un giocattolino per designer curiosi oppure uno strumento davvero pronto per il mondo reale.

Cos’è Figma Sites

Figma Sites è una funzione nativa dentro Figma (al momento in beta privata) che consente di creare e pubblicare siti web partendo da un file Figma. Il principio è simile a quello di Webflow o Framer: prendi un design e lo rendi vivo, visibile online, senza bisogno di scrivere codice.

Tutto parte da un design Figma classico: frame, componenti, prototipi. Con Sites puoi aggiungere interattività, definire sezioni, URL personalizzati, elementi sticky, animazioni leggere, e pubblicare con un click.

Cosa puoi (già) fare con Sites

• Pubblicare un sito direttamente da Figma, senza esportazioni o integrazioni esterne.
• Aggiungere interattività base: link, hover, scroll animation, transizioni fluide.
• Impostare la struttura delle pagine: home, subpage, ancore, menu.
• Gestire layout responsive: Figma Sites eredita il sistema di autolayout e lo estende per il web.
• Usare componenti riutilizzabili per evitare lavoro duplicato.
• Hosting incluso: puoi pubblicare direttamente su un dominio figma.site o collegare il tuo dominio personalizzato.

Cosa non fa (per ora)

• Nessun supporto dinamico: niente CMS, nessun database, quindi non puoi fare blog o e-commerce.
• Limitazioni SEO: al momento il controllo su meta tag, sitemap e performance SEO è molto limitato.
• Zero codice personalizzato: per ora non puoi integrare JavaScript, embed o logiche custom.
• Performance da testare: i siti sono belli da vedere, ma i benchmark reali su velocità e accessibilità sono ancora pochi.

A chi può essere utile

Figma Sites è perfetto per:

• Designer freelance che vogliono mostrare un portfolio in tempo record
• Agenzie che devono validare un concept con un cliente senza complicazioni tecniche
• Piccoli progetti temporanei, MVP o landing page semplici

Se invece lavori con dati dinamici, flussi complessi, SEO spinto o personalizzazioni tecniche… ti servirà ancora Webflow, Framer o WordPress (per ora).

Vale la pena provarlo?

Se sei già dentro Figma e ti capita spesso di dover presentare concept o prototipi "finti ma realistici", assolutamente sì. È una soluzione snella, veloce e super integrata. Però se cerchi un’alternativa completa ai tool no-code più maturi… siamo ancora lontani.

Detto questo, il futuro è interessante: se Figma riuscirà a integrare CMS, controlli SEO e flussi dinamici, Sites potrebbe diventare davvero una rivoluzione per i designer.