Non ti va di leggere? Prova ad ascoltare l'articolo in modalità audio 🎧
Progettare l’esperienza dell’utente, facilitandolo e rendendogli la navigazione più soddisfacente, è di vitale importanza quando l’obiettivo sono interazioni, fidelizzazione e creazione di una community. E non solo quando si parla di blog design, siti web e applicazioni: tutti i prodotti sul mercato, a partire dai corsi educational fino ad arrivare allo shopping online, beneficiano della User Experience, al cui centro sta — appunto — l’User, l’utente. Si tratta, di fatto, della creazione di un design research-driven fondato su dati ed elementi raccolti nel corso degli anni che hanno portato a capire quali siano le interfacce e gli strumenti migliori per portare l’utente all’interazione. Allo stesso tempo, l’UI/UX design è un processo continuo: implica infatti non solo la progettazione, ma anche la valutazione e la revisione del design per garantire che l'applicazione o il sito web sia efficace e facile da usare continuativamente. Imparare a usare i giusti strumenti è quindi essenziale. E altrettanto essenziale è trovare l’applicativo che fa al proprio caso. Tra gli strumenti di progettazione web e mobile a disposizione dell’UX/UI designer (il professionista che costruisce concretamente l’esperienza, figura professionale tra le più cercate e specializzate degli ultimi anni) c’è Figma, sempre più popolare tra coloro che progettano interfacce e User Experience, grazie alla sua fruibilità intuitiva e alle sue funzionalità uniche nel settore. Non esistono solo i più conosciuti Adobe XD e Sketch, dunque, e passare da XD a Figma, per esempio, non è impossibile - anzi! Si tratta, in ogni caso, di tool che l’UX/UI Designer può utilizzare per costruire l’interfaccia, sfruttando template pronti grazie all’accesso alla community di Figma, spazio digitale di condivisione, e mettendo in pratica nozioni che permettono di ottimizzare l’esperienza dell’utente. Per esempio: dove collocare una pubblicità in una pagina web, quando si vogliono aumentare i clic? Oppure: come rendere il processo di shopping online semplice e lineare, senza intoppi? E ancora: è meglio puntare sui menu a tendina oppure su quelli nella striscia di fondo? 

Cos’è Figma?

Tra i tool utilizzati dai designer di User Experience c’è, come accennato, Figma, strumento creativo che consente agli sviluppatori di interfaccia di progettare esperienze utente e creare prototipi interattivi, disegnando schermate e sfruttando potenti funzionalità tipografiche e di layout. Uno dei suoi punti forti è l’estesa libreria di componenti pre-costruite, per realizzare interfacce velocemente ed efficientemente, oltre che per creare da zero grafiche e UI di ogni genere. Altra caratteristica di Figma particolarmente apprezzata è la possibilità di condividere il lavoro in modo collaborativo con clienti e co-creator, ricevendo feedback in tempo reale. Il tool è infatti basato sul cloud ed è web based, il che significa che tutti i progetti possono essere aperti e modificati da qualsiasi dispositivo connesso a Internet. Questo consente anche maggiore sicurezza: rispetto a programmi e applicazioni scaricabili, Figma salva tutto sul proprio server, abbattendo i rischi di perdita dei processi. Di base, Figma offre una vasta gamma di funzionalità per creare progetti di alta qualità e interfacce utente altamente personalizzate, con la possibilità di realizzare un prodotto completo a partire dai singoli dettagli, sfruttando forme, icone e modelli predefiniti. figma e UI mobile

Prezzo, caratteristiche, compatibilità

Il prezzo di Figma è molto competitivo rispetto ad altri tool di design UI/UX. Esiste un piano gratuito che consente agli utenti di creare fino a tre progetti, sfruttando l’app da mobile e scaricando diversi plug-in, widget e template. Ci sono tuttavia anche piani a pagamento, scalabili, che offrono maggiori funzionalità e autorizzazioni d’accesso aggiuntive, con la possibilità di creare un numero illimitato di progetti e di accedere a una vasta gamma di strumenti avanzati. 

Figma Professional, Organization e Enterprise

Si va da un prezzo di 12 euro mensile per ogni editor nel piano Figma Professional (con la possibilità di condividere i permessi e i progetti privati, tra le altre funzioni) a quello di 42 euro al mese per Figma Organization, che comprende tutte le funzionalità del Professional a cui vanno aggiunte librerie ampliate, le funzioni di design system analytics, branching and merching, un’organizzazione centralizzata dei file e plug-in e widget privati. Infine, è possibile optare per i piani Enterprise, adatti a chi cerca maggiore sicurezza e flessibilità, per sviluppare processi e design a livello aziendale. In questo caso, il costo va da 5 euro a 69 euro per ogni editor, sempre mensili e acquistati annualmente.

Compatibilità

Per quanto riguarda la compatibilità, una volta scelto il proprio piano è possibile utilizzare Figma direttamente dal browser, oppure scaricare la versione per desktop disponibile per i sistemi operativi Windows, Mac e Linux. A questo punto, Figma permetterà di integrare gli elementi grafici nativi di iOS o Android nei propri progetti, customizzandoli completamente ed esportando anche i codici in CSS, XML o SWIFT.

Perché Figma: differenze con altri tool

La prima caratteristica che rende Figma così competitivo è la completezza di questo tool, possibile anche grazie alla collaborazione tra i creator che partecipano alla progettazione. La condivisione è davvero totale: si può condividere ogni passo dello UX/UI Design. Particolarità è anche la whiteboard online che consente di organizzare dei workshop: si chiama FigJam ed è un ambiente virtuale ideale per il brainstorming del team che sta lavorando al design, che inter-opera con Figma stesso per un workflow completo e integrato - come ad esempio Mural o Miro via GIPHY Altro punto a favore di Figma è il prototipo interattivo che è possibile realizzare durante il processo di creazione, con animazioni dinamiche che mostrano fedelmente come sarà il prodotto finito. Infine, Figma viene utilizzato come tool per grafiche di ogni genere, ma l’UX/UI designer può sfruttarlo prima di tutto per progettare esperienze e disegnare le interfacce, dal momento che Figma si focalizza principalmente sul web design. Questo significa che le sue funzionalità sono specifiche e mirate, per niente dispersive.

UX/UI Design & Figma: come viene usato per progettare esperienze e disegnare interfacce

A partire dal file browser e dal drag&drop che può essere eseguito per caricare i progetti, in Figma si passa alla vera e propria area di lavoro: è qui che avviene il processo di creazione, che procede per layout e canvas (come per molti altri programmi di progettazione fotografica o grafica). Il lavoro è composto da vari frame, o singole pagine su cui si interviene, ed è possibile spostarsi tra i frame e le canvas.  Pian piano, si possono creare design e interfacce sempre più avanzate e complesse, modificando finestre, forme, testi e barre.

Come imparare a usare Figma: corsi e risorse

Per imparare a utilizzare Figma, ci sono numerosi corsi e risorse disponibili online. Ad esempio, lo stesso sito web di Figma offre una serie di tutorial e una documentazione ad hoc per aiutare gli utenti a familiarizzare con il software. E anche su YouTube sono presenti numerosissimi tutorial in italiano e in inglese per imparare a disegnare con Figma. Online si trovano poi diverse community, come la Figma Community (organo ufficiale del prodotto) che offre supporto e risorse per i progettisti che utilizzano il tool, oppure i diversi gruppi e forum presenti sui diversi social network. Il modo migliore per imparare a usare Figma con precisione, semplicità e velocità sono tuttavia i corsi specifici, come per esempio Figma: From Zero to Hero di Talent Garden, tenuto da designer per designer, pensato per acquisire tutte le competenze necessarie in sole tre settimane. In conclusione, Figma è uno strumento di progettazione grafica, web e mobile altamente potente e versatile che offre funzionalità uniche e un’interfaccia intuitiva. Con le sue funzionalità di collaborazione e prototipazione, Figma è ideale per progettare esperienze utente e interfacce web
Articolo aggiornato il: 21 agosto 2023
Talent Garden
Scritto da
Talent Garden, Digital Skills Academy

Continua a leggere

Guida al Prestito per Merito: cos'è e come funziona

Per Prestito per Merito si intende un finanziamento caratterizzato da favorevoli condizioni di rimborso e da un accesso ...

Atomic Design: cos'è e perché è importante nella UI

Con la definizione design system si indica un insieme di specifiche che permettono di realizzare interfacce utente (UI) ...

Guida al Welfare Voucher del portale Edenred: cos'è e come richiederlo

Il Welfare Voucher, disponibile sulla piattaforma online per il welfare aziendale Edenred, è un voucher dal valore ...

Big Data: cosa sono, come utilizzarli ed esempi applicativi

Sapevi che i Big Data costituiscono un'enorme ricchezza per le aziende? La loro analisi, in relazione con altri set di ...