Cosa sono i componenti di Figma e perché sono così importanti?
Come ci possono aiutare i componenti di Figma nel nostro flusso di lavoro?
Un punto alla volta.
Cosa sono i componenti di Figma?
Ipotizziamo uno scenario.
Devo progettare dei bottoni ma so per certo che quel bottone sarà replicato decine (forse centinaia!) di volte all’interno del mio progetto.
Una volta finito il design mi ritrovo a replicare quel bottone in un determinato numero di schermate.
Succede (ahimè) che devo modificare le sembianze di quel colore (per esempio il colore o il bordo).
Quanto è frustrante andare a cambiare ogni singolo bottone????
Fortuna che esistono i componenti.
Grazie ai componenti di Figma posso creare quel determinato bottone una sola volta.
Nel momento in cui creo le copie (che si chiamano istanze), la loro struttura è legata al componente originario (chiamato Master).
In questo modo tutte le modifiche che farò al componente Master saranno ereditate dalle copie (istanze).
I componenti possono essere pulsanti, icone, card, barre di navigazione e altro ancora.
In questo tutorial ho analizzato tutti gli aspetti di un componente.
È fondamentale avere una conoscenza completa per utilizzarli meglio e conoscerne tutte le loro proprietà che sono:
– Varianti
– Booleani
– La proprietà testo
– Instance swap
Se vuoi imparare i componenti di Figma guarda il video tutorial
Vuoi imparare ad utilizzare Figma come un designer PRO?
Vuoi imparare a disegnare un sito portfolio con Figma da zero?