Figma

Strumento di progettazione collaborativa per interfacce, prototipi, siti web e app basate sull'intelligenza artificiale

Altro · Varie

Figma è uno strumento di progettazione basato su browser che consente ai team di progettare interfacce, realizzare prototipi interattivi e trasferire il lavoro agli sviluppatori per la codifica o la pubblicazione di siti web.

Panoramica

Recensione di Figma

Questa recensione di Figma illustra a cosa serve Figma, le caratteristiche principali di ciascun prodotto, i prezzi e le licenze di Figma, Figma Sites e Figma Make, i punti di forza e le carenze di questo strumento di progettazione, nonché un confronto con altri strumenti. Figma funziona sia nel browser che come app desktop, e tutti i file sono archiviati nel cloud, consentendo a designer, sviluppatori e product manager di lavorare contemporaneamente sullo stesso file. Dal 2025 Figma è più di un semplice strumento: oltre a Figma Design, include FigJam per la creazione di bacheche virtuali, Dev Mode per il passaggio di consegne agli sviluppatori, Figma Slides, Figma Sites per la pubblicazione di siti web e Figma Make per trasformare le idee in prototipi funzionanti e applicazioni web.

A cosa serve Figma?

Figma viene utilizzato per progettare interfacce utente per siti web, applicazioni web e app mobili, dai wireframe preliminari ai prototipi ad alta fedeltà. I team di progettazione vi creano e gestiscono sistemi di design: componenti, stili e variabili condivisi che garantiscono la coerenza di ogni schermata, in modo che l’intero processo di progettazione si svolga a partire da un unico insieme di file. I designer UX creano prototipi interattivi per i test con gli utenti, mentre i team di sviluppo esaminano gli stessi file Figma per ottenere misure, risorse e frammenti di codice.

Per i team che utilizzano soluzioni low-code, Figma rappresenta spesso il primo passo di un progetto. Un designer realizza le schermate in Figma e uno sviluppatore le trasforma in un prodotto funzionante in Webflow, Framer, FlutterFlow o Bravo Studio. Figma Sites e Figma Make consentono ora a un team di saltare parte di questo passaggio: pubblicare un sito web o generare un prototipo funzionante senza uscire da Figma.

Caratteristiche principali

  • Modifica vettoriale e layout automatico: strumenti penna e testo per un design preciso, e layout automatico che adatta le dimensioni dei riquadri al contenuto e alle diverse dimensioni dello schermo.
  • Componenti e sistemi di design: crea componenti riutilizzabili con varianti e proprietà, pubblicali come librerie condivise e utilizza variabili per colori, spaziatura e modalità come chiaro e scuro.
  • Prototipi interattivi: collega più schermate con clic, stati al passaggio del mouse e transizioni animate intelligenti, con logica condizionale e variabili per flussi più realistici.
  • Collaborazione in tempo reale: più editor nello stesso file, commenti, cronologia delle versioni, conversazioni audio e link condivisibili per collaboratori esterni con accesso in sola lettura o con possibilità di commentare.
  • Modalità Dev: misure, frammenti di codice CSS e della piattaforma, esportazione di risorse e Code Connect, in modo che gli sviluppatori possano vedere come un progetto si mappa ai loro componenti.
  • Figma AI: funzionalità di intelligenza artificiale per generare prime bozze, rinominare i livelli, effettuare ricerche visive tra i file e scrivere testo, con un limite di crediti AI per postazione.
  • FigJam: una lavagna con post-it, modelli e diagrammi per idee e workshop, accessibile anche a chi non è un designer.
  • Plugin e la community di Figma: migliaia di plugin, kit UI e modelli, oltre a plugin privati nei piani Organization ed Enterprise.

Prezzi di Figma

Figma vende postazioni, non prodotti. Le cifre riportate di seguito provengono dalla pagina dei prezzi di Figma e dall’articolo sui piani e le funzionalità, aggiornati a settembre 2026.

  • Starter (piano gratuito): 0 $. Un team, una cartella e 3 file di progettazione, bozze illimitate, 30 giorni di cronologia delle versioni, accesso a modelli e kit UI, 150 crediti AI al giorno fino a un massimo di 500 al mese.
  • Professional: licenza Full a 16 $, licenza Dev a 12 $ e licenza Collab a 3 $ al mese. File illimitati e cronologia delle versioni illimitata, librerie di team, prototipazione avanzata, 3.000 crediti AI al mese sulla licenza Full.
  • Organization: fatturazione annuale. Abbonamento Full a 55 $, Dev a 25 $ e Collab a 5 $ al mese. Include funzionalità di ramificazione e unione, Code Connect, amministrazione centralizzata e plugin privati.
  • Enterprise: fatturazione annuale. Licenza Full a 90 $, licenza Dev a 35 $, licenza Collab a 5 $ al mese. Include spazi di lavoro, Single Sign-On, sicurezza avanzata e controlli per gli ospiti.

Un abbonamento Full sblocca tutti i prodotti, inclusi Figma Design, Make, Sites e la modalità Dev. Un abbonamento Dev include la modalità Dev, FigJam e Slides con accesso in lettura e per i commenti ai file di progettazione. Un abbonamento Collab include FigJam e Slides.

L’aspetto da verificare per evitare sorprese sui costi è quale tipo di licenza serva a ciascuna persona. Chiunque modifichi progetti o utilizzi Figma Make o Figma Sites necessita di una licenza Full, mentre i piani Organization ed Enterprise prevedono la fatturazione annuale. Le funzionalità di IA attingono a un credito mensile assegnato per ogni licenza, e un uso intensivo di Make consuma rapidamente i crediti.

Per iniziare: la curva di apprendimento

Iniziare con Figma è facile: basta creare un account gratuito, aprire un file di progettazione nel browser e disegnare frame, testo e forme. La curva di apprendimento riguarda le funzionalità avanzate che rendono Figma uno strumento veloce per i team di progettazione: layout automatico, componenti con varianti, variabili e logica di prototipazione. La maggior parte dei designer apprende le nozioni di base in pochi giorni e le funzionalità del sistema di progettazione, come componenti e variabili, nel giro di alcune settimane. Inizia da uno dei modelli gratuiti o da un kit UI nella Figma Community, ricostruisci alcune schermate tratte da un progetto reale e condividi il file con accesso per i commenti per ottenere un feedback tempestivo. Per uno sviluppatore, la Modalità Dev è la parte da imparare per prima; per chi utilizza un builder low-code, imparare a interpretare i componenti e il layout automatico rende più agevole il passaggio dai progetti Figma al builder.

Figma vs Adobe XD e altri strumenti di progettazione

Adobe XD è stato per anni il rivale più agguerrito di Figma, ma Adobe non lo sviluppa più attivamente e la maggior parte dei team che utilizzava XD è passata a Figma. Sketch è ancora popolare su Mac e funziona offline, ma la sua collaborazione è meno diretta rispetto alla modifica dello stesso file nel browser. Penpot è un’opzione open source che puoi ospitare autonomamente, con meno funzionalità. Figma offre un controllo maggiore sui sistemi di design, sui componenti e sul passaggio di consegne agli sviluppatori rispetto a qualsiasi altro di questi strumenti, con più funzionalità per i team in un unico flusso di lavoro di progettazione: ecco perché è diventato lo strumento predefinito per i team di prodotto.

Figma Sites: pubblica un sito web da Figma

Figma Sites trasforma i frame di Figma Design in siti web responsive e li pubblica senza bisogno di un costruttore di siti web separato. Si parte da un file di progettazione o da un modello, si utilizzano blocchi predefiniti con layout automatico, si aggiungono interazioni come stati al passaggio del mouse ed effetti di scorrimento e si gestiscono i contenuti nel CMS di Sites. È possibile utilizzare codice personalizzato e livelli di codice generati dall’intelligenza artificiale per effetti non coperti dalle opzioni integrate (Figma Sites).

La pubblicazione richiede un piano a pagamento con un’iscrizione Full. I piani Professional consentono di collegare fino a 10 domini personalizzati, mentre i piani Organization ed Enterprise ne supportano un numero illimitato (Centro assistenza Figma). Figma Sites è ancora in fase beta. È adatto a portfolio, landing page e siti di marketing che un team di progettazione desidera gestire end-to-end. Per i siti più grandi con esigenze CMS complesse, è ancora preferibile ricorrere a un costruttore di siti web dedicato.

Figma Make: dal prompt al prototipo e all’app web

Figma Make è il generatore di app basato sull’IA di Figma. Basta descrivere ciò che si desidera, allegare frame di Figma o un sistema di design, e Make genera un prototipo funzionante e supportato da codice che è possibile modificare visivamente o a livello di codice (Figma Make). I kit di Make sincronizzano i pacchetti npm, gli stili delle librerie e le linee guida, in modo che il risultato rispetti il proprio sistema di design. Un’integrazione con Supabase aggiunge un backend con un database Postgres, l’accesso e l’archiviazione dei segreti (Centro assistenza di Figma).

Make fa parte del piano Full, mentre il piano gratuito Starter consente di provarlo entro i limiti dei crediti giornalieri per l’IA. Gli utenti del piano Starter possono pubblicare un file Make sul web pubblico solo se lo pubblicano anche nella Figma Community (Domande frequenti su Figma Make). Make è il modo più veloce per creare prototipi interattivi per i test degli utenti. Per un’app di produzione con una logica complessa, la maggior parte dei team affida ancora il risultato agli sviluppatori o a una piattaforma low-code.

I punti di forza e i limiti di Figma

Punti di forza:

  • Collaborazione in tempo reale nel browser, senza bisogno di scambiarsi file.
  • Lo strumento più potente per sistemi di design, componenti e variabili.
  • Un unico strumento che copre tutte le fasi, dal wireframe al prototipo, al passaggio allo sviluppatore e persino al sito web live.
  • Una vasta comunità con plugin, kit UI e modelli, oltre a un numero illimitato di collaboratori con accesso in sola lettura in ogni piano.

Svantaggi:

  • I posti a pagamento si sommano per ogni editor, mentre i piani Organization ed Enterprise sono disponibili solo con abbonamento annuale.
  • Nessuna vera esportazione del codice: la modalità Dev mostra frammenti di codice, ma non genera un front-end di produzione.
  • I file molto grandi con molte schermate possono rallentare il sistema e la maggior parte del lavoro richiede una connessione a Internet.
  • Figma Sites è ancora in versione beta e meno flessibile rispetto a un costruttore di siti web dedicato.
  • Le funzionalità AI e Make sono limitate dai crediti AI mensili.

Confronto con Figma

  • Framer: progetta e pubblica siti web in un unico strumento, con un CMS e un hosting più potenti rispetto a Figma Sites.
  • Webflow: un generatore visivo di siti web per siti di produzione; i team progettano in Figma e realizzano in Webflow.
  • Canva: progettazione più semplice per grafica di marketing e social media, non per la progettazione di interfacce.
  • FlutterFlow e Bravo Studio: trasformano i progetti in app mobili native.
  • Wix: un generatore di siti web "tutto in uno" per le piccole imprese.
  • Bubble: crea app web complete con logica e database una volta terminata la progettazione.

Figma vale la pena?

Figma è utile per i team di prodotto, i designer UX e le agenzie che progettano interfacce in modo collaborativo e necessitano di un sistema di progettazione condiviso tra i vari progetti. Il piano gratuito è sufficiente per imparare a usare lo strumento di progettazione e testare le idee, mentre il piano Professional con file illimitati soddisfa le esigenze della maggior parte dei piccoli team. È meno adatto a chi ha solo bisogno di grafica per il marketing, ambito in cui Canva è più semplice, o ai team che desiderano una piattaforma completa per siti web, ambito in cui Framer o Webflow offrono funzionalità più avanzate rispetto a Figma Sites. Per i progetti low-code, Figma è solitamente il punto di partenza giusto: progetta prima le schermate, poi realizzale sulla piattaforma che preferisci. Le agenzie e gli sviluppatori low-code presenti su LowCodeDevs possono prendere un progetto realizzato con Figma e realizzarlo.

Fonti

Ancora nessuna recensione — scrivi la prima.

A colpo d'occhio

Sito web
http://figma.com
Categoria
Altro · Varie
Aggiornato

Domande

Domande frequenti su Figma

Quanto costa Figma?

Figma offre un piano Starter gratuito. Un abbonamento Full costa 16 dollari al mese nel piano Professional, 55 dollari nel piano Organization e 90 dollari nel piano Enterprise; gli abbonamenti Dev e Collab, più economici, sono destinati a sviluppatori e collaboratori.

Figma è gratuito?

Sì, il piano Starter è gratuito e include 3 file di design, bozze illimitate e un contingente giornaliero di crediti AI. Per pubblicare sui siti e avere file illimitati è necessario un piano a pagamento.

Di cosa si occupa Figma Make?

Figma Make trasforma un prompt, insieme a frame Figma opzionali o a un sistema di design, in un prototipo funzionante o in un'applicazione web che puoi modificare direttamente sull'area di lavoro o tramite codice.

I siti Figma sono disponibili gratuitamente?

È possibile progettare un sito con il piano gratuito, ma per pubblicare un Figma Site è necessario un piano a pagamento con una licenza Full.

Figma è praticamente Canva?

No. Figma è uno strumento professionale per la progettazione di interfacce, prototipi e sistemi di design. Canva è più semplice ed è pensato per la grafica di marketing, i post sui social e le presentazioni.

Figma è ancora attuale?

Sì. Figma rimane lo strumento di progettazione di riferimento per i team di prodotto e UX, e oltre alle funzionalità di progettazione ha aggiunto la modalità Dev, Figma Sites e Figma Make.

Chi è il principale concorrente di Figma?

Per la progettazione di interfacce, Sketch e Penpot; per i siti web, Framer e Webflow; per la grafica semplice, Canva.

La tua competenza

Sii il primo esperto di Figma su LowCodeDevs

I team che scelgono Figma arrivano su questa pagina cercando qualcuno che sappia costruire con questo strumento. Quel posto è ancora libero: inserisci la tua agenzia o il tuo profilo con Figma tra i tuoi strumenti e questa pagina mostrerà il tuo lavoro.

Inizia ora

Pronto a lanciare la tua prossima build?

Unisciti gratis a LowCodeDevs — inserisci i tuoi strumenti low-code, la tua agenzia o il tuo profilo da sviluppatore, e fatti trovare da chi ha bisogno di te.

Crea il tuo account