Tutorial

Come utilizzare Figma – Guida per principianti al design UI/UX

Nuovo su Figma? Scopri come utilizzare Figma per il design UI/UX con questa guida per principianti. Esplora l'interfaccia, crea frame, progetta componenti e collabora in tempo reale.

Questa guida fornisce istruzioni dettagliate su come impostare un account Figma e navigare tra le sue varie funzionalità.

Segui questi passaggi per creare un account, esplorare la piattaforma e iniziare a progettare in modo efficiente in Figma.

Guida passo-passo: Come utilizzare Figma

Passo 1

Per iniziare, su come impostare figma visita il sito ufficiale di Figma navigando su Figma.com.

To begin, on how to setup figma visit the official Figma website by navigating to Figma.com.

Passo 2

Puoi accedere o creare un nuovo account utilizzando le credenziali del tuo account Google o registrandoti con il tuo indirizzo email.

You can log in or create a new account using your Google account credentials or by registering with your email address.

Passo 3

Una volta effettuato l'accesso, puoi accedere e aprire il tuo cruscotto Figma. Qui troverai opzioni per visualizzare e creare nuovi progetti. All'interno del tuo profilo, hai la possibilità di esplorare varie opzioni come la creazione di progetti di team e la personalizzazione del tuo spazio di lavoro.

Once logged in, you can access and open your Figma dashboard. Here, you'll find options to view and create new projects. Within your profile, you have the ability to explore various options such as creating team projects and customizing your workspace.

Passo 4

Completa la configurazione per i progetti del tuo team, permettendoti di collaborare e visualizzare tutti i compiti e i progetti correlati.

Complete the setup for your team projects, allowing you to collaborate and view all related tasks and projects.

Passo 5

Puoi creare ulteriori progetti all'interno della sezione team ed esplorare anche le opzioni della comunità disponibili su Figma.

You can create additional projects within the team section and also explore the community options available on Figma.

Passo 6

Naviga attraverso il tuo spazio di lavoro per rivedere le tue pagine e aprire qualsiasi pagina per iniziare a fare modifiche o aggiustamenti.

Navigate through your workspace to review your pages, and open any page to begin making edits or additions.

Passo 7

Familiarizza con il pannello dei livelli, la barra degli strumenti delle proprietà ed esplora varie opzioni di testo e strumenti all'interno di Figma.

Familiarize yourself with the layer panel, properties toolbar, and explore various text and tool options within Figma.

Passo 8

Utilizza opzioni come plug-in e widget. Puoi anche creare file duplicati se necessario per i tuoi progetti.

Utilize options such as plug-ins and widgets. You can also create duplicate files if needed for your projects.

Passo 9

Esporta i tuoi file e crea prototipi per rivedere le tue pagine e fare le necessarie regolazioni. Lavora sulle tue pagine in base alle tue esigenze, assicurandoti che tutti gli aspetti della configurazione siano in linea con le tue necessità di design.

Export your files and create prototypes to review your pages and make necessary adjustments.Work on your pages according to your requirements, ensuring all setup aspects align with your design needs.

Passo 10

Lavora sulle tue pagine in base alle tue esigenze, assicurandoti che tutti gli aspetti della configurazione siano in linea con le tue necessità di design. Personalizza la tua configurazione Figma aggiungendo immagini, elementi e altre funzionalità di design come desideri. Una volta completata la tua configurazione, sei pronto per iniziare a progettare con Figma e puoi iniziare a creare i tuoi progetti desiderati.

Work on your pages according to your requirements, ensuring all setup aspects align with your design needs. Customize your Figma setup by adding images, elements, and other design features as desired. Once your setup is complete, you are ready to start designing with Figma and can begin creating your desired projects.

Grazie per aver seguito questa guida. Spero tu riesca a configurare Figma ora!

Consigli professionali per usare Figma

  1. Crea un account Figma:
    Vai su sito di Figma e registrati per un account gratuito. Puoi scegliere tra un piano Gratuito, che è ottimo per utenti singoli o piccoli team, e piani a pagamento per team che necessitano di funzionalità avanzate.

  2. Scarica l'app desktop di Figma:
    Sebbene Figma funzioni perfettamente nel browser, puoi scaricare l'app desktop di Figma per un'esperienza più veloce e semplificata, specialmente se stai lavorando offline. L'app è disponibile per Windows e Mac.

  3. Imposta un nuovo file o progetto:
    Una volta effettuato l'accesso, fai clic su Nuovo file per avviare un nuovo progetto di design. Puoi anche creare un Team per collaborare con altri e tenere i tuoi file organizzati.

  4. Organizza il tuo spazio di lavoro:
    Lo spazio di lavoro di Figma può essere personalizzato secondo le tue preferenze. Puoi disporre i pannelli, nascondere o mostrare strumenti e regolare i livelli di zoom. Usa il File Browser per gestire i tuoi file e tenere tutto in un solo posto.

  5. Imposta una libreria di team:
    Se stai lavorando con un team, imposta una Libreria di Team per condividere risorse riutilizzabili come stili, componenti e icone. Questo garantisce coerenza e fa risparmiare tempo per progetti collaborativi.

  6. Personalizza le tue preferenze:
    In alto a sinistra, vai su Menu > Preferenze per impostare tasti di scelta rapida, abilitare o disabilitare le notifiche e regolare le impostazioni della griglia e dell'aggancio per rendere il tuo processo di design più fluido.

Errori comuni e come evitarli per usare Figma

  1. Non organizzare file e progetti:
    Correzione: Crea cartelle e etichetta i file chiaramente per evitare confusione. Usa convenzioni di denominazione per rimanere organizzato, soprattutto quando lavori su progetti di grandi dimensioni.

  2. Dimenticare di salvare il lavoro:
    Correzione: Figma salva automaticamente, ma è sempre buona norma controllare regolarmente che il tuo lavoro venga salvato. Assicurati di avere una connessione internet attiva se stai lavorando nel browser.

  3. Affollare la tela:
    Correzione: Mantieni il tuo spazio di lavoro pulito e ordinato. Suddividi progetti di grandi dimensioni in più frame e pagine per renderli più facili da gestire e lavorare.

  4. Non utilizzare il controllo versioni:
    Correzione: Approfitta della funzione di cronologia delle versioni di Figma per tenere traccia delle modifiche nel tempo. Puoi ripristinare versioni precedenti o confrontare i design per vedere come si sono evoluti.

  5. Ignorare i sistemi di design:
    Correzione: Se stai lavorando su un progetto di grandi dimensioni o con un team, imposta un sistema di design (componenti, colori, stili) fin dall'inizio. Questo garantisce coerenza e risparmia tempo a lungo termine.

Domande frequenti comuni per usare Figma

  1. Devo scaricare Figma per usarlo?
    No, Figma è uno strumento basato su browser, quindi puoi accedervi direttamente dal web. Tuttavia, puoi anche scaricare l'app desktop per un'esperienza più fluida.

  2. Come condivido il mio file Figma con altri?
    Fai clic sul pulsante Condividi nell'angolo in alto a destra e potrai condividere un link al tuo design. Puoi impostare le autorizzazioni per visualizzazione o modifica.

  3. Posso usare Figma offline?
    Figma è principalmente uno strumento basato su cloud, quindi è necessaria una connessione internet. Tuttavia, puoi utilizzare l'app desktop di Figma offline per una modifica limitata e le tue modifiche verranno sincronizzate una volta che torni online.

  4. Quali tipi di file posso esportare da Figma?
    Puoi esportare design in formati come PNG, JPG, SVG e PDF. Figma supporta anche l'esportazione di sezioni o frame per risorse come icone, loghi o illustrazioni.

  5. Come posso impostare un sistema di design in Figma?
    Crea componenti, utilizza stili per colori e testi e organizza i tuoi elementi in librerie riutilizzabili. Condividi il sistema con il tuo team per mantenere la coerenza.

  6. Come registrare lo schermo su Mac? 
    Per registrare lo schermo su un Mac, puoi utilizzare Trupeer AI. Ti consente di catturare l'intero schermo e offre capacità AI come l'aggiunta di avatar AI, aggiungere voiceover, zoomare in e fuori nel video. Con la funzione di traduzione video AI di trupeer, puoi tradurre il video in oltre 30 lingue. 

  7. Come aggiungere un avatar AI alla registrazione dello schermo?
    Per aggiungere un avatar AI a una registrazione dello schermo, dovrai utilizzare un strumento di registrazione dello schermo AI. Trupeer AI è uno strumento di registrazione dello schermo AI che ti aiuta a creare video con più avatar e ti aiuta anche a creare il tuo avatar per il video.

  8. Come registrare lo schermo su Windows?
    Per registrare lo schermo su Windows, puoi utilizzare la Game Bar integrata (Windows + G) o uno strumento AI avanzato come Trupeer AI per funzionalità più avanzate come avatar AI, voiceover, traduzione ecc.

  9. Come aggiungere voiceover a un video?
    Per aggiungere voiceover ai video, scarica l'estensione Chrome di trupeer ai. Una volta registrato, carica il tuo video con voce, scegli il voiceover desiderato da trupeer ed esporta il tuo video modificato. 

  10. Come posso zoomare in una registrazione del mio schermo?
    Per zoomare durante una registrazione dello schermo, utilizza gli effetti di zoom in Trupeer AI che ti consentono di ingrandire e rimpicciolire in momenti specifici, aumentando l'impatto visivo del tuo contenuto video.


Questa guida fornisce istruzioni dettagliate su come impostare un account Figma e navigare tra le sue varie funzionalità.

Segui questi passaggi per creare un account, esplorare la piattaforma e iniziare a progettare in modo efficiente in Figma.

Guida passo-passo: Come utilizzare Figma

Passo 1

Per iniziare, su come impostare figma visita il sito ufficiale di Figma navigando su Figma.com.

To begin, on how to setup figma visit the official Figma website by navigating to Figma.com.

Passo 2

Puoi accedere o creare un nuovo account utilizzando le credenziali del tuo account Google o registrandoti con il tuo indirizzo email.

You can log in or create a new account using your Google account credentials or by registering with your email address.

Passo 3

Una volta effettuato l'accesso, puoi accedere e aprire il tuo cruscotto Figma. Qui troverai opzioni per visualizzare e creare nuovi progetti. All'interno del tuo profilo, hai la possibilità di esplorare varie opzioni come la creazione di progetti di team e la personalizzazione del tuo spazio di lavoro.

Once logged in, you can access and open your Figma dashboard. Here, you'll find options to view and create new projects. Within your profile, you have the ability to explore various options such as creating team projects and customizing your workspace.

Passo 4

Completa la configurazione per i progetti del tuo team, permettendoti di collaborare e visualizzare tutti i compiti e i progetti correlati.

Complete the setup for your team projects, allowing you to collaborate and view all related tasks and projects.

Passo 5

Puoi creare ulteriori progetti all'interno della sezione team ed esplorare anche le opzioni della comunità disponibili su Figma.

You can create additional projects within the team section and also explore the community options available on Figma.

Passo 6

Naviga attraverso il tuo spazio di lavoro per rivedere le tue pagine e aprire qualsiasi pagina per iniziare a fare modifiche o aggiustamenti.

Navigate through your workspace to review your pages, and open any page to begin making edits or additions.

Passo 7

Familiarizza con il pannello dei livelli, la barra degli strumenti delle proprietà ed esplora varie opzioni di testo e strumenti all'interno di Figma.

Familiarize yourself with the layer panel, properties toolbar, and explore various text and tool options within Figma.

Passo 8

Utilizza opzioni come plug-in e widget. Puoi anche creare file duplicati se necessario per i tuoi progetti.

Utilize options such as plug-ins and widgets. You can also create duplicate files if needed for your projects.

Passo 9

Esporta i tuoi file e crea prototipi per rivedere le tue pagine e fare le necessarie regolazioni. Lavora sulle tue pagine in base alle tue esigenze, assicurandoti che tutti gli aspetti della configurazione siano in linea con le tue necessità di design.

Export your files and create prototypes to review your pages and make necessary adjustments.Work on your pages according to your requirements, ensuring all setup aspects align with your design needs.

Passo 10

Lavora sulle tue pagine in base alle tue esigenze, assicurandoti che tutti gli aspetti della configurazione siano in linea con le tue necessità di design. Personalizza la tua configurazione Figma aggiungendo immagini, elementi e altre funzionalità di design come desideri. Una volta completata la tua configurazione, sei pronto per iniziare a progettare con Figma e puoi iniziare a creare i tuoi progetti desiderati.

Work on your pages according to your requirements, ensuring all setup aspects align with your design needs. Customize your Figma setup by adding images, elements, and other design features as desired. Once your setup is complete, you are ready to start designing with Figma and can begin creating your desired projects.

Grazie per aver seguito questa guida. Spero tu riesca a configurare Figma ora!

Consigli professionali per usare Figma

  1. Crea un account Figma:
    Vai su sito di Figma e registrati per un account gratuito. Puoi scegliere tra un piano Gratuito, che è ottimo per utenti singoli o piccoli team, e piani a pagamento per team che necessitano di funzionalità avanzate.

  2. Scarica l'app desktop di Figma:
    Sebbene Figma funzioni perfettamente nel browser, puoi scaricare l'app desktop di Figma per un'esperienza più veloce e semplificata, specialmente se stai lavorando offline. L'app è disponibile per Windows e Mac.

  3. Imposta un nuovo file o progetto:
    Una volta effettuato l'accesso, fai clic su Nuovo file per avviare un nuovo progetto di design. Puoi anche creare un Team per collaborare con altri e tenere i tuoi file organizzati.

  4. Organizza il tuo spazio di lavoro:
    Lo spazio di lavoro di Figma può essere personalizzato secondo le tue preferenze. Puoi disporre i pannelli, nascondere o mostrare strumenti e regolare i livelli di zoom. Usa il File Browser per gestire i tuoi file e tenere tutto in un solo posto.

  5. Imposta una libreria di team:
    Se stai lavorando con un team, imposta una Libreria di Team per condividere risorse riutilizzabili come stili, componenti e icone. Questo garantisce coerenza e fa risparmiare tempo per progetti collaborativi.

  6. Personalizza le tue preferenze:
    In alto a sinistra, vai su Menu > Preferenze per impostare tasti di scelta rapida, abilitare o disabilitare le notifiche e regolare le impostazioni della griglia e dell'aggancio per rendere il tuo processo di design più fluido.

Errori comuni e come evitarli per usare Figma

  1. Non organizzare file e progetti:
    Correzione: Crea cartelle e etichetta i file chiaramente per evitare confusione. Usa convenzioni di denominazione per rimanere organizzato, soprattutto quando lavori su progetti di grandi dimensioni.

  2. Dimenticare di salvare il lavoro:
    Correzione: Figma salva automaticamente, ma è sempre buona norma controllare regolarmente che il tuo lavoro venga salvato. Assicurati di avere una connessione internet attiva se stai lavorando nel browser.

  3. Affollare la tela:
    Correzione: Mantieni il tuo spazio di lavoro pulito e ordinato. Suddividi progetti di grandi dimensioni in più frame e pagine per renderli più facili da gestire e lavorare.

  4. Non utilizzare il controllo versioni:
    Correzione: Approfitta della funzione di cronologia delle versioni di Figma per tenere traccia delle modifiche nel tempo. Puoi ripristinare versioni precedenti o confrontare i design per vedere come si sono evoluti.

  5. Ignorare i sistemi di design:
    Correzione: Se stai lavorando su un progetto di grandi dimensioni o con un team, imposta un sistema di design (componenti, colori, stili) fin dall'inizio. Questo garantisce coerenza e risparmia tempo a lungo termine.

Domande frequenti comuni per usare Figma

  1. Devo scaricare Figma per usarlo?
    No, Figma è uno strumento basato su browser, quindi puoi accedervi direttamente dal web. Tuttavia, puoi anche scaricare l'app desktop per un'esperienza più fluida.

  2. Come condivido il mio file Figma con altri?
    Fai clic sul pulsante Condividi nell'angolo in alto a destra e potrai condividere un link al tuo design. Puoi impostare le autorizzazioni per visualizzazione o modifica.

  3. Posso usare Figma offline?
    Figma è principalmente uno strumento basato su cloud, quindi è necessaria una connessione internet. Tuttavia, puoi utilizzare l'app desktop di Figma offline per una modifica limitata e le tue modifiche verranno sincronizzate una volta che torni online.

  4. Quali tipi di file posso esportare da Figma?
    Puoi esportare design in formati come PNG, JPG, SVG e PDF. Figma supporta anche l'esportazione di sezioni o frame per risorse come icone, loghi o illustrazioni.

  5. Come posso impostare un sistema di design in Figma?
    Crea componenti, utilizza stili per colori e testi e organizza i tuoi elementi in librerie riutilizzabili. Condividi il sistema con il tuo team per mantenere la coerenza.

  6. Come registrare lo schermo su Mac? 
    Per registrare lo schermo su un Mac, puoi utilizzare Trupeer AI. Ti consente di catturare l'intero schermo e offre capacità AI come l'aggiunta di avatar AI, aggiungere voiceover, zoomare in e fuori nel video. Con la funzione di traduzione video AI di trupeer, puoi tradurre il video in oltre 30 lingue. 

  7. Come aggiungere un avatar AI alla registrazione dello schermo?
    Per aggiungere un avatar AI a una registrazione dello schermo, dovrai utilizzare un strumento di registrazione dello schermo AI. Trupeer AI è uno strumento di registrazione dello schermo AI che ti aiuta a creare video con più avatar e ti aiuta anche a creare il tuo avatar per il video.

  8. Come registrare lo schermo su Windows?
    Per registrare lo schermo su Windows, puoi utilizzare la Game Bar integrata (Windows + G) o uno strumento AI avanzato come Trupeer AI per funzionalità più avanzate come avatar AI, voiceover, traduzione ecc.

  9. Come aggiungere voiceover a un video?
    Per aggiungere voiceover ai video, scarica l'estensione Chrome di trupeer ai. Una volta registrato, carica il tuo video con voce, scegli il voiceover desiderato da trupeer ed esporta il tuo video modificato. 

  10. Come posso zoomare in una registrazione del mio schermo?
    Per zoomare durante una registrazione dello schermo, utilizza gli effetti di zoom in Trupeer AI che ti consentono di ingrandire e rimpicciolire in momenti specifici, aumentando l'impatto visivo del tuo contenuto video.


Inizia a creare video con il nostro generatore di video + documenti AI

Inizia a creare video con il nostro generatore di video + documenti AI

Inizia a creare video con il nostro generatore di video + documenti AI

Video e documenti di prodotto AI istantanei da registrazioni dello schermo grezze

Inizia gratis

Inizia gratis

Scopri il modo nuovo e più veloce di creare video di prodotto.

Video e documenti di prodotti AI istantanei da registrazioni dello schermo grezze.

Inizia gratis

Inizia gratis

Scopri il modo nuovo e più veloce di creare video di prodotto.

Video e documenti di prodotti AI istantanei da registrazioni dello schermo grezze.

Inizia gratis

Inizia gratis

Scopri il modo nuovo e più veloce di creare video di prodotto.

Video e documenti di prodotti AI istantanei da registrazioni dello schermo grezze.

Inizia gratis

Inizia gratis