Come esportare una GIF da Figma

Collegamenti del dispositivo

Stai cercando un modo per portare il tuo gioco di sviluppo e progettazione al livello successivo? Figma è uno strumento incredibile che consente agli utenti di creare ricchi prototipi pieni di effetti audio, video e di animazione. Tuttavia, per testare correttamente la sensazione e le funzioni del prototipo, dovresti essere in grado di esportarlo come GIF e vederlo in azione.

Come esportare una GIF da Figma

Questa guida ti spiegherà come esportare i tuoi prototipi Figma come GIF utilizzando il tuo PC o dispositivo mobile.

Come esportare in GIF in Figma su un PC

Il modo più semplice per esportare GIF animate da Figma è con il plugin TinyImage. Prima di poter avviare e utilizzare il plug-in, devi accedere al tuo account Figma e passare alla sezione "Community".

Per scaricare il plugin:

  1. Inserisci "TinyImage" nella casella di ricerca.
    Come esportare una GIF da Figma
  2. Nella sezione "Plugin", trova l'icona "TinyImage Compressor".
    Come esportare una GIF da Figma
  3. Fare clic sul pulsante di installazione accanto all'icona.
    Come esportare una GIF da Figma

Dopo aver installato il plug-in, apri il progetto di design che desideri salvare come GIF. Fare clic in un punto qualsiasi dello schermo per aprire il menu a discesa. Scegli "Plugin" e tocca "TinyImage Compressor" per avviarlo.

Ecco come creare una GIF con il plugin:

  1. Nella parte superiore della finestra del plugin, premi il pulsante "Crea una GIF".
    Come esportare una GIF da Figma
  2. Seleziona i livelli sulla tua tela Figma. Agiranno come cornici della tua GIF.
    Come esportare una GIF da Figma
  3. Nella parte inferiore della finestra TinyImage, tocca l'opzione "Usa livelli selezionati". Vedrai una presentazione dei tuoi livelli al centro della finestra nell'ordine in cui li hai selezionati.
    Come esportare una GIF da Figma
  4. Sotto l'anteprima, fai clic sulle icone dei livelli, quindi trascinale a sinistra oa destra per cambiarne l'ordine.
    Come esportare una GIF da Figma
  5. Tocca il piccolo pulsante "Riproduci" sotto la presentazione per regolare la velocità di riproduzione.
    Come esportare una GIF da Figma
  6. Accanto ai controlli del ritardo temporale, seleziona quante volte la GIF verrà ripetuta. L'impostazione predefinita è "Infinito". Fare clic sull'opzione "Infinito" per disabilitarla e inserire il numero desiderato di loop nella casella accanto.
    Come esportare una GIF da Figma
  7. Regola le dimensioni della GIF nei campi sotto le opzioni di ritardo e loop.
    Come esportare una GIF da Figma
  8. Se i tuoi livelli hanno bordi trasparenti, premi il pulsante "Sfondo trasparente" nella parte inferiore della finestra per renderli visibili nella GIF.
    Come esportare una GIF da Figma
  9. Seleziona la qualità dell'immagine della GIF nell'angolo in basso a sinistra. È meglio impostare la velocità a circa 80 o 90 per preservare tutte le caratteristiche dei livelli.
    Come esportare una GIF da Figma
  10. Lascia i controlli "Dithering" impostati su "No Dithering".
    Come esportare una GIF da Figma
  11. Tocca il pulsante "Esporta GIF" nella parte superiore della finestra di TinyImage.
    Come esportare una GIF da Figma
  12. I frame si uniranno e formeranno una GIF che verrà automaticamente scaricata e salvata nei file di download.

Una nota sulla stratificazione

Il menu a discesa sopra le miniature dei livelli consente inoltre di riprodurre i livelli da sinistra a destra o da destra a sinistra. Tuttavia, per un maggiore controllo sull'aspetto finale della GIF, è meglio ordinare i fotogrammi manualmente.

Una nota sulla riproduzione

Impostare la velocità di riproduzione predefinita spostando il pulsante sulla linea di misurazione del tempo. Tuttavia, se desideri che fotogrammi specifici abbiano velocità di riproduzione diverse, puoi farlo facendo clic su una miniatura e impostando la velocità nella casella sottostante.

Come esportare in GIF in Figma su un dispositivo mobile

I prototipi Figma sono spesso dotati di animazioni avanzate come schede scorrevoli, opzioni di scorrimento e menu a discesa. Salvarli come GIF ti renderà facile mostrare il design in azione. Tuttavia, l'app mobile consente solo agli utenti di visualizzare in anteprima i loro prototipi. Sebbene non sia disponibile un supporto per l'esportazione integrato, puoi aggirare il problema registrando lo schermo dell'app e trasformando il video in una GIF.

Come esportare in GIF in Figma su un iPhone

Per salvare il tuo progetto come GIF su un iPhone, devi prima registrare l'app Figma e creare una GIF con l'app Shortcuts.

Per schermare la registrazione di Figma su un iPhone:

  1. Avvia l'app mobile Figma e apri il progetto che desideri trasformare in GIF.
  2. Entra in "Impostazioni" e seleziona "Centro di controllo".
  3. Scegli "Personalizza controlli" e tocca il pulsante verde accanto a "Registrazione schermo" per abilitare la funzione.
  4. Torna al "Centro di controllo".
  5. Premere il pulsante "Registrazione schermo".
  6. Fare clic sul pulsante rosso per terminare la registrazione.

La registrazione viene in genere archiviata nell'app Foto.

Controlla se il tuo iPhone ha lo strumento Scorciatoie preinstallato per trasformare il tuo video in una GIF. Puoi anche scaricare lo strumento dall'App Store .

Ecco come trasformare il video in un file GIF su un iPhone:

  1. Apri l'app, vai in fondo all'interfaccia e seleziona la scheda "Galleria".
    Come esportare una GIF da Figma
  2. Tocca la scheda "Scorciatoie per principianti" sotto il menu di ricerca.
  3. Scorri fino alla parte inferiore dello schermo e fai clic sulla sezione "Crea GIF".
    Come esportare una GIF da Figma
  4. Premi il pulsante "Aggiungi collegamento" per abilitare il collegamento GIF.
    Come esportare una GIF da Figma
  5. Quando il collegamento è stato installato, torna a "I miei collegamenti".
    Come esportare una GIF da Figma
  6. Tocca "Crea GIF" e scegli "OK" per connettere l'app e la tua galleria fotografica.
    Come esportare una GIF da Figma
  7. Sfoglia i tuoi video e seleziona il video che trasformerai in una GIF.
    Come esportare una GIF da Figma
  8. Usa i cursori per selezionare quali fotogrammi saranno inclusi nella GIF.
    Come esportare una GIF da Figma
  9. Tocca "Salva" per registrare le modifiche. Il tuo nuovo file GIF verrà salvato nell'app per le foto del tablet.
    Come esportare una GIF da Figma
  10. Fai clic su "Fine" per uscire dall'app Scorciatoie.
    Come esportare una GIF da Figma

Come esportare in GIF in Figma su un dispositivo Android

Poiché l'app Figma consente agli utenti di visualizzare in anteprima i prototipi ma non di esportarli, registrerai l'anteprima sul tuo dispositivo Android, trasformando successivamente il video in una GIF.

Ecco come registrare lo schermo Figma su un Android:

  1. Avvia l'app e apri un'anteprima del tuo progetto.
  2. Scorri due volte dalla parte superiore dello schermo e seleziona "Registra schermo". Se non è presente, prova a scorrere verso destra. A volte dovrai toccare l'icona "Modifica" nella parte superiore dello schermo per visualizzare un menu nascosto. Potrebbe esserci anche la funzione "Registra schermo".
  3. Toccare l'anteprima del prototipo per indicare che si desidera registrarlo.
  4. Fare clic sul pulsante "Avvia". Una volta terminato il conto alla rovescia, lo schermo verrà registrato.
  5. Scorri verso il basso e tocca la scheda "Registratore schermo" per interrompere la registrazione.

Il video dell'anteprima di Figma verrà salvato nella tua app fotografica Android. Puoi trasformarlo in una GIF con l' app GIPHY .

Per convertire un video in una GIF su un dispositivo Android:

  1. Installa e avvia l' app GIPHY sul tuo dispositivo.
    Come esportare una GIF da Figma
  2. Iscriviti e crea un account GIPHY.
    Come esportare una GIF da Figma
  3. Premi il pulsante "Crea" in alto a destra nell'interfaccia.
    Come esportare una GIF da Figma
  4. Consenti all'app di accedere alla tua fotocamera.
    Come esportare una GIF da Figma
  5. Seleziona un video dalla tua Galleria Android.
    Come esportare una GIF da Figma
  6. Regola la lunghezza del video. L'app GIPHY consente agli utenti di inserire elementi come testo e adesivi nei propri file.
    Come esportare una GIF da Figma
  7. Fai clic sull'icona "Freccia" nella parte inferiore dell'app.
    Come esportare una GIF da Figma
  8. Scegli "Condividi GIF" e seleziona "Salva GIF".
    Come esportare una GIF da Figma

Esporta GIF senza restrizioni

Che tu sia uno sviluppatore esperto o un designer dilettante, meriti di avere un modo conveniente per mostrare il tuo lavoro agli altri in formato GIF. Puoi visualizzare in anteprima le tue creazioni sull'app Figma, ma l'accesso ai tuoi progetti può diventare un compito impegnativo una volta che la connessione Internet si interrompe. Fino a quando Figma non uscirà con una soluzione di esportazione user-friendly, puoi fare affidamento sui metodi che abbiamo esposto nell'articolo.

Speriamo che questa guida ti abbia aiutato a capire meglio come ottenere una GIF di alta qualità dalle tue creazioni Figma, indipendentemente dal dispositivo che stai utilizzando.

Usi la versione web o mobile di Figma? Qual è il tuo modo preferito di esportare GIF? Fatecelo sapere nella sezione commenti qui sotto.

Sign up and earn $1000 a day ⋙

Leave a Comment

Come utilizzare Click to Do su Windows 11

Come utilizzare Click to Do su Windows 11

Quando attivi "Clicca per fare", la funzionalità funziona e comprende il testo o l'immagine su cui clicchi, quindi esprime giudizi per suggerire azioni contestuali pertinenti.

Come accendere la luce della tastiera del laptop e attivare la retroilluminazione della tastiera su Windows 10

Come accendere la luce della tastiera del laptop e attivare la retroilluminazione della tastiera su Windows 10

Attivando la retroilluminazione della tastiera, questa si illuminerà, il che sarà utile quando si lavora in condizioni di scarsa illuminazione o per rendere più accattivante l'area di gioco. Di seguito puoi scegliere tra 4 metodi per accendere le luci della tastiera del tuo computer portatile.

Come entrare in modalità provvisoria in Windows 10 allavvio

Come entrare in modalità provvisoria in Windows 10 allavvio

Esistono molti modi per accedere alla modalità provvisoria su Windows 10, nel caso in cui non sia possibile accedere a Windows. Per accedere alla modalità provvisoria di Windows 10 all'avvio del computer, fare riferimento all'articolo seguente di WebTech360.

Come creare foto in stile Ghibli su Grok AI

Come creare foto in stile Ghibli su Grok AI

Grok AI ha ora ampliato il suo generatore di foto AI per trasformare le foto personali in nuovi stili, come la creazione di foto in stile Studio Ghibli ispirate a famosi film d'animazione.

Istruzioni per registrarsi gratuitamente a Google One AI Premium per 1 mese

Istruzioni per registrarsi gratuitamente a Google One AI Premium per 1 mese

Google One AI Premium offre agli utenti un periodo di prova gratuito di 1 mese per registrarsi e provare numerose funzionalità aggiornate, come l'assistente Gemini Advanced.

Come disattivare le ricerche recenti su Safari

Come disattivare le ricerche recenti su Safari

A partire da iOS 18.4, Apple consente agli utenti di decidere se visualizzare o meno le ricerche recenti in Safari.

Istruzioni per la modifica dei video di registrazione dello schermo su Snipping Tool

Istruzioni per la modifica dei video di registrazione dello schermo su Snipping Tool

Windows 11 ha integrato l'editor video Clipchamp in Snipping Tool, così gli utenti possono modificare i video come desiderano, senza dover utilizzare altre applicazioni.

Come creare un grafico a imbuto in PowerPoint

Come creare un grafico a imbuto in PowerPoint

I grafici a imbuto solitamente mostrano come le diverse fasi si fondono in un output più piccolo. Ecco una guida per creare un grafico a imbuto in PowerPoint.

Come cancellare gli appunti su iPhone

Come cancellare gli appunti su iPhone

Lo strumento Appunti su iPhone consente di memorizzare immagini o dati. Tuttavia, salvare troppe informazioni può compromettere la tua privacy. In tal caso, puoi impostare una scorciatoia per cancellare gli appunti.

Istruzioni per la creazione di un account ID Apple per bambini

Istruzioni per la creazione di un account ID Apple per bambini

Per garantire la sicurezza dei bambini quando usano il telefono, i genitori possono creare un account ID Apple per i propri figli tramite la funzione "In famiglia" su iPhone.

Come richiamare i messaggi di Instagram

Come richiamare i messaggi di Instagram

Quando chattiamo tramite messaggio diretto su Instagram, a volte inviamo accidentalmente il messaggio sbagliato. Possiamo ricordare il messaggio di Instagram prima che l'altra persona ne legga il contenuto, in modo che nessuno lo sappia.

Come nascondere gli annunci su Safari senza unapp

Come nascondere gli annunci su Safari senza unapp

Con l'aggiornamento a iOS 18 beta 5, potrai utilizzare la funzionalità per nascondere gli annunci pubblicitari in Safari, per evitare distrazioni durante la lettura di contenuti web.

Guida alla condivisione della chat dei Gemelli

Guida alla condivisione della chat dei Gemelli

Google Gemini consente ora agli utenti di condividere le proprie conversazioni con altri tramite un collegamento pubblico, in modo simile alla condivisione delle chat su ChatGPT.

Istruzioni per guadagnare punti Microsoft Rewards per ricevere offerte

Istruzioni per guadagnare punti Microsoft Rewards per ricevere offerte

Il programma Microsoft Rewards utilizzerà i punti guadagnati dagli utenti per le offerte dei marchi con cui l'azienda collabora. Ecco un modo per guadagnare punti Microsoft Rewards

Istruzioni su come giocare ed equipaggiare Aya stagione S1 2023

Istruzioni su come giocare ed equipaggiare Aya stagione S1 2023

Aya è un campione di supporto con uno stile di gioco piuttosto fastidioso e spesso viene bannato dalle partite classificate. Tuttavia, se hai la possibilità di portare Aya nelle partite classificate, questo articolo ti aiuterà a comprendere la formula per giocare con Aya in modo efficace.