Le 10 migliori funzionalità di Figma che tutti i designer dovrebbero utilizzare

Che tu sia un grafico freelance o un designer UI / UX interno, padroneggiare Figma potrebbe aiutarti a scalare la scala di una carriera di successo.

Con questo in mente, ecco le migliori funzionalità di Figma che pensiamo che tutti i designer dovrebbero usare...

Cos'è Figma?

Figma è uno strumento avanzato di progettazione grafica basato sul Web che offre un lavoro collaborativo di nuova generazione sulla prototipazione UI / UX. È un'applicazione robusta che ti consente di creare design UX unici che sono facili da usare ma professionali.

Quindi, se sei affermato nel tuo campo o hai appena iniziato una carriera come designer di UI / UX o grafico, ecco le migliori funzionalità di Figma con cui fare i conti.

1. Varianti per la gestione dei componenti

Variants è un modulo di gestione dei componenti intelligente, noto come libreria di componenti Figma. Puoi facilmente riordinare le varianti duplicate dello stesso componente e combinarle per organizzare la raccolta di risorse del team.

È inoltre possibile definire un singolo contenitore per tutti i componenti simili. Durante il lavoro collaborativo, Variants rende più facile per i membri del team individuare ciò che stanno cercando. Escludi le supposizioni dal tuo sistema di progettazione personalizzando i valori e le proprietà delle varianti dei tuoi componenti.

2. Elenchi puntati

Puoi anche includere elenchi puntati e numerati nei tuoi progetti di progettazione UI / UX. Gli elenchi consentono di organizzare facilmente i dati e di enfatizzare le informazioni correlate nei progetti vettoriali. Puoi includere fino a cinque livelli di rientro. È inoltre possibile eseguire modifiche visive del colore tramite il colore del testo, i tratti e gli effetti.

Relazionato: Adobe XD: l'interfaccia utente gratuita e lo strumento di progettazione UX che puoi utilizzare in questo momento

3. Connetti più account Figma

Accedi a tutti gli account Figma, alle aree di lavoro e ai profili della comunità su una schermata. Puoi rimanere connesso a un massimo di 10 account Figma. Puoi passare rapidamente a qualsiasi area di lavoro dall'angolo in alto a sinistra della schermata Figma. Per gli account, fai clic su nell'angolo in alto a destra per aprire il selettore di account.

4. La scheda Ispezione rinnovata

Il precedente pannello del codice di Figma è ora la scheda Inspect. Questa funzione consente ai collaboratori, in particolare agli sviluppatori, di ottenere i valori ei codici dei progetti di coloro su cui stai lavorando. I membri del tuo team possono estrarre dati come Colori, Varianti, Proprietà, Ombre, Contenuto, Bordi e Tipografia da questa scheda.

5. Il menu di scambio delle istanze

Figma ha rinnovato il menu di scambio delle istanze nel 2020 per includere un menu in stile push. Consente ai progettisti di navigare tra i componenti senza sforzo.

È inoltre possibile utilizzare il selettore a discesa per passare da una libreria di team a un'altra. C'è un'elegante miniatura per l'anteprima del componente.

6. Libreria di file e plugin della comunità di Figma

Figma ha una piattaforma della comunità arricchita di risorse in cui puoi pubblicare i tuoi progetti in modo che gli altri membri possano esaminarli o rielaborarli. Esistono migliaia di creatori e puoi ottenere le seguenti risorse:

• Libreria di illustrazioni a figure aperte
• Sprint di progettazione a distanza
• Kit di progettazione dei materiali
• Modelli Figma

I plugin Figma sono altamente performanti e, allo stesso tempo, stabili e sicuri. Al momento in cui scrivo, sono disponibili più di 40 plugin esclusivi e l'elenco sta aumentando di numero. Negli abbonamenti aziendali è possibile distribuire plug-in privati ​​all'interno dell'azienda. Alcuni plugin utili che puoi utilizzare sono:

• Automazione delle attività ripetitive all'interno dei frame Figma
• Plugin per il rilevamento degli errori di progettazione
• Plugin per la popolazione dei dati

7. Integrazione Zeplin

Figma supporta il nativo Plugin Zeplin che consente una semplice esportazione basata sul tasto destro del mouse dei progetti Figma negli spazi di lavoro Zeplin per ulteriori brainstorming e sviluppo. A differenza di altri strumenti di progettazione, non ci sono intoppi con la risoluzione o le prestazioni quando è necessario esportare cornici o progetti Figma più grandi.

Figma e Zeplin stanno anche lavorando insieme per introdurre una nuova funzionalità di aggiornamento live dei componenti Figma su Zeplin.

8. Aggiornamento in tempo reale del progetto

In un processo di progettazione dell'interfaccia utente / UX che non coinvolge Figma, l'intero team deve utilizzare più di uno strumento di terze parti per trasmettere aggiornamenti del progetto e prototipi di progettazione. Il trasferimento di più file è necessario per consentire a ciascun membro del team di essere in cima allo stato corrente.

Tuttavia, attraverso l'aggiornamento in tempo reale, l'app Figma stessa si occupa dello scambio del prototipo e dei suoi aggiornamenti all'interno dei membri del team.

Il passaggio del progetto dal progettista allo sviluppatore non è realmente necessario in Figma. Questo perché quando si utilizza Confluence per condividere mockup di Figma, qualsiasi modifica all'interno del progetto viene visualizzata automaticamente come attività live sul file di progetto.

Relazionato: Qual è la differenza tra UI e UX Design?

9. Prototipazione intuitiva e semplice

Con Figma, la prototipazione è semplicissima e priva di confusione, poiché include la transizione da fotogramma a fotogramma. Figma è uno strumento all-in-one e non è necessario uno strumento di revisione di terze parti come Marvel o InVision.

Puoi condividere facilmente i prototipi Figma con i membri del team proprio come condividere i file di progettazione Figma. Tutto quello che devi fare è condividere un collegamento con le autorizzazioni di modifica pertinenti. Qualsiasi commento o feedback rimane all'interno dello strumento e puoi anche trovare record all'interno di Slack.

Gli sviluppatori possono accedere facilmente al flusso di lavoro di progettazione del progetto, lasciare commenti per il progettista e ottenere attributi e misurazioni CSS.

Relazionato: Semplici esempi di codice CSS che puoi imparare in 10 minuti

10. Condividi feedback sulla revisione del progetto

La revisione del progetto di progettazione dell'interfaccia utente / UX è semplicemente una conferenza di gruppo quando si utilizza Figma. Durante le sessioni di brainstorming e revisione, l'intero team può lavorare su un grande schermo per registrare commenti e risolvere i problemi all'interno dello stesso frame di progettazione Figma.

Poiché Figma supporta la tecnologia di commento in-app più avanzata, la condivisione del feedback è perfetta. Puoi commentare sia la prototipazione che le modalità di progettazione. Qualsiasi client di posta elettronica o Slack può memorizzare commenti e suggerimenti.

Figma rende facile la progettazione e la prototipazione

La progettazione e la prototipazione di UI / UX richiedono un set di competenze più elevato e si concentrano su più strumenti. Ma con Figma, è semplice apprendere e implementare le capacità di progettazione in azione e fornire UX che migliora davvero l'esperienza del cliente.

Puoi eseguire prototipi, brainstorming, revisione e trasferimento della progettazione dell'interfaccia utente, tutti utilizzando lo stesso strumento. Figma ora è uno standard del settore e vale sicuramente la pena provarlo.

Come mantenere il tuo marchio coerente con Adobe Spark

Con Adobe Spark, puoi assegnare colori, caratteri e loghi a un profilo del marchio, semplificando la creazione di design coerenti.

Leggi Avanti

Circa l'autore