Come esportare una GIF da Figma

Collegamenti del dispositivo

• Androide
• i phone
• Mac
• finestre
• Dispositivo mancante?

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.

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.
   
2. Nella sezione "Plugin", trova l'icona "TinyImage Compressor".
   
3. Fare clic sul pulsante di installazione accanto all'icona.
   

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".
   
2. Seleziona i livelli sulla tua tela Figma. Agiranno come cornici della tua GIF.
   
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.
   
4. Sotto l'anteprima, fai clic sulle icone dei livelli, quindi trascinale a sinistra oa destra per cambiarne l'ordine.
   
5. Tocca il piccolo pulsante "Riproduci" sotto la presentazione per regolare la velocità di riproduzione.
   
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.
   
7. Regola le dimensioni della GIF nei campi sotto le opzioni di ritardo e loop.
   
8. Se i tuoi livelli hanno bordi trasparenti, premi il pulsante "Sfondo trasparente" nella parte inferiore della finestra per renderli visibili nella GIF.
   
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.
   
10. Lascia i controlli "Dithering" impostati su "No Dithering".
    
11. Tocca il pulsante "Esporta GIF" nella parte superiore della finestra di TinyImage.
    
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".
   
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".
   
4. Premi il pulsante "Aggiungi collegamento" per abilitare il collegamento GIF.
   
5. Quando il collegamento è stato installato, torna a "I miei collegamenti".
   
6. Tocca "Crea GIF" e scegli "OK" per connettere l'app e la tua galleria fotografica.
   
7. Sfoglia i tuoi video e seleziona il video che trasformerai in una GIF.
   
8. Usa i cursori per selezionare quali fotogrammi saranno inclusi nella GIF.
   
9. Tocca "Salva" per registrare le modifiche. Il tuo nuovo file GIF verrà salvato nell'app per le foto del tablet.
   
10. Fai clic su "Fine" per uscire dall'app Scorciatoie.
    

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.
   
2. Iscriviti e crea un account GIPHY.
   
3. Premi il pulsante "Crea" in alto a destra nell'interfaccia.
   
4. Consenti all'app di accedere alla tua fotocamera.
   
5. Seleziona un video dalla tua Galleria Android.
   
6. Regola la lunghezza del video. L'app GIPHY consente agli utenti di inserire elementi come testo e adesivi nei propri file.
   
7. Fai clic sull'icona "Freccia" nella parte inferiore dell'app.
   
8. Scegli "Condividi GIF" e seleziona "Salva GIF".
   

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.