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.

Lascia un commento

Blocca stampe e download indesiderati in ONLYOFFICE

Blocca stampe e download indesiderati in ONLYOFFICE

Imposta i limiti di stampa e download per i link ONLYOFFICE, i membri della stanza o le sessioni API di Documenti, quindi verifica le restrizioni dall'account del destinatario.

Pianifica backup affidabili per ONLYOFFICE Workspace

Pianifica backup affidabili per ONLYOFFICE Workspace

Imposta la destinazione del backup, la pianificazione, la copertura della posta e il limite di conservazione in ONLYOFFICE Workspace, quindi verifica che l'archivio sia pronto per il ripristino.

Distribuisci ONLYOFFICE Docs Enterprise con il suo file di composizione ufficiale

Distribuisci ONLYOFFICE Docs Enterprise con il suo file di composizione ufficiale

Avvia lo stack Docker Compose Enterprise, salva la licenza e i dati, configura JWT in modo sicuro e verifica che gli editor siano pronti per l'integrazione.

Pulisci il testo del foglio di calcolo con una macro ONLYOFFICE riutilizzabile

Pulisci il testo del foglio di calcolo con una macro ONLYOFFICE riutilizzabile

Utilizza una macro JavaScript di ONLYOFFICE per rimuovere i caratteri non stampabili e gli spazi superflui da un intervallo definito del foglio di calcolo, con un flusso di lavoro di revisione sicuro.

Modifica la posizione di archiviazione predefinita dell'area di lavoro ONLYOFFICE

Modifica la posizione di archiviazione predefinita dell'area di lavoro ONLYOFFICE

Sposta i dati del portale da Disco predefinito a un provider di archiviazione cloud supportato oppure sposta i dati Docker in modo sicuro modificando la mappatura del volume host.

Rimuovere completamente ONLYOFFICE Document Server da Linux

Rimuovere completamente ONLYOFFICE Document Server da Linux

Verifica se Document Server utilizza un pacchetto Linux o Docker, rimuovi solo i relativi componenti e controlla i dati rimanenti evitando di eliminare per errore i servizi condivisi.

Elimina i ritardi nella modifica collaborativa di ONLYOFFICE individuando il collo di bottiglia

Elimina i ritardi nella modifica collaborativa di ONLYOFFICE individuando il collo di bottiglia

Individua le cause di rallentamento della modifica collaborativa, come la pressione sulle risorse di Docker, le connessioni proxy o il caricamento dei documenti, quindi scegli la soluzione più adatta ai tuoi dati.

Configurare HTTPS per la documentazione ONLYOFFICE in Docker

Configurare HTTPS per la documentazione ONLYOFFICE in Docker

Scegli dove deve terminare la connessione TLS, monta in modo sicuro un certificato e una chiave privata attendibili e verifica l'accesso HTTPS a un server ONLYOFFICE Docs in ambiente Docker.

Collega un'app PHP a ONLYOFFICE Docs e salva le modifiche

Collega un'app PHP a ONLYOFFICE Docs e salva le modifiche

Integra l'editor ONLYOFFICE nella tua applicazione PHP, firma la sua configurazione con JWT e salva i file modificati tramite una callback sicura.

Mantieni attivo SOLO il controllo ortografico di OFFICE nella lingua che hai scelto.

Mantieni attivo SOLO il controllo ortografico di OFFICE nella lingua che hai scelto.

Imposta la lingua di correzione per l'intero documento o per un testo selezionato, verifica che il controllo ortografico sia attivo e identifica i casi in cui manca un dizionario del server.