Uno strumento di animazione dell'interfaccia utente online gratuito può significare tre cose diverse: un luogo in cui prototipare una transizione, un luogo in cui creare una risorsa di riproduzione o uno strumento che produce movimento che la tua app può eseguire. Esistono piani gratuiti in tutte e tre le categorie, ma non ti danno lo stesso risultato.
Per i prototipi veloci, Figma e Jitter sono i soliti punti di partenza. Smart Animate di Figma può eseguire l'interpolazione tra i fotogrammi e Jitter è progettato per brevi animazioni dell'interfaccia. Entrambi vengono eseguiti in un browser ed entrambi hanno modalità di avvio gratuite. Sono utili per concordare tempi e sensazioni prima del codice. Nemmeno un runtime che fornisce una macchina a stati nella tua app.
Per le risorse di riproduzione, LottieFiles è il punto di ingresso gratuito comune. Puoi visualizzare in anteprima e testare i file Lottie e il formato è supportato su Web, iOS, Android e Flutter. Un file Lottie riproduce un'animazione fissa. Non decide cosa fare quando un utente tocca, fallisce un modulo o modifica un'impostazione.
Per l'interfaccia utente di produzione interattiva, il piano comunitario di ExodeUI è gratuito. L'editor viene eseguito in un browser o come app desktop e l'output è un file .exode JSON aperto riprodotto dai pacchetti runtime per React, Vue, Svelte, Angular, Solid, React Native, SwiftUI e Flutter. Macchine a stati, fisica delle molle, input ed eventi fanno parte del file. Il professionista costa $ 29 al mese. ExodeUI è più recente degli strumenti consolidati, quindi prova il percorso di runtime di cui hai bisogno prima di impegnare un team.
Gratuito non è la stessa cosa che illimitato. Controlla se le esportazioni portano una filigrana o una schermata iniziale, se l'uso commerciale è consentito nel livello gratuito, quante postazioni ottieni e cosa succede ai file se smetti di pagare. Questi termini contano più del prezzo dell'adesivo.