Valutazioni dell’editore: Valutazioni degli utenti:[Totale: 0 Media: 0] @media(larghezza minima: 500px) { } @media(larghezza minima: 800px) { }
LottieFiles è una piattaforma completa per creare e progettare animazioni Lottie. Ora hanno anche lanciato il loro plug-in Figma che puoi utilizzare per trasformare i tuoi progetti Figma in animazioni Lottie. Fondamentalmente, ti consente di selezionare una cornice statica che disegni in Figma e di animarla. Esistono alcuni predefiniti di animazione già pronti che puoi applicare al tuo progetto e quindi esportarli.
Con l’aiuto dei predefiniti di animazione, puoi ruotare le forme o gli oggetti che crei in Figma. Ci sono molti altri preset disponibili tra cui scegliere. Inoltre, puoi scegliere un colore di sfondo e infine esportare l’animazione.
È possibile convertire l’animazione in GIF e inserirla nell’area di lavoro di Figma. Oppure puoi esportare l’animazione Lottie nell’area di lavoro LottieFiles. Dopo aver esportato l’animazione in LottieFiles, puoi successivamente scaricare il codice JSON e usarlo ovunque tu voglia.
Come esportare i disegni Figma come file Lottie animandoli?
Il Il plugin LottieFiles per Figma può essere installato da questo link. Basta seguire il collegamento e quindi fare clic sull’opzione”Provalo”. Il plug-in verrà quindi aggiunto al tuo spazio di lavoro Figma.
Ora crei un design. Disegna una forma o un oggetto all’interno di una cornice.
Lancia il plug-in LottieFiles dal menu Plugin. Si aprirà l’interfaccia del plugin. In questo, vai alla nuova scheda Esporta in Lottie.
Ora ti chiederà di selezionare una cornice dal tuo design Figma. Quindi, seleziona una cornice e poi animala. Ti offre alcune opzioni per scegliere un’animazione per il tuo design.
Dopo aver applicato l’animazione, puoi semplicemente esportarla. Puoi esportarlo come GIF o come file Lottie. Il file Lottie può essere esportato anche sul tuo account LottieFiles. Da lì, puoi modificarlo ulteriormente e quindi scaricarlo se lo desideri.
È così facile ora trasformare i tuoi progetti Figma in animazioni Lottie. Il plug-in LottieFiles è abbastanza potente, può dare vita ai tuoi progetti Figma statici. Basta installarlo e quindi animare i tuoi progetti Figma ed esportarli come animazione Lottie.
Considerazioni conclusive:
Se lavori con le animazioni Figma e Lottie, adorerai questo nuovo plug-in di animazione Lottie per Figma di LottieFiles. Mi è piaciuto molto il fatto che sia completamente integrato in Figma e quindi puoi scegliere di animare i tuoi progetti e quindi esportarli. Anche se ci sono dei limiti nella versione gratuita, penso che offra ancora gratuitamente le principali funzionalità di base. È utile per i liberi professionisti e i singoli designer di front-end.