Questi due termini rispondono a domande diverse. Smart Animate risponde "cosa cambia?" Esamina due fotogrammi, trova i livelli con nomi corrispondenti e ne anima la posizione, dimensione, rotazione, opacità e altre proprietà da un fotogramma all'altro.
Risposte facilitanti "come cambia nel tempo?" Figma ti consente di scegliere una curva standard come quella di facilitazione, una curva cubica di Bezier personalizzata o una molla. L'allentamento primaverile è definito dalle impostazioni fisiche, dalla rigidità, dallo smorzamento e dalla massa, piuttosto che da una durata fissa, quindi il movimento accelera e si stabilizza come fanno gli oggetti reali.
La vera differenza appare nel codice. In un prodotto, una molla può partire dalla posizione attuale e dalla velocità di un elemento. Se un utente interrompe una transizione o sfoglia un foglio, il movimento continua in modo naturale invece di saltare. Una transizione del prototipo viene riprodotta ogni volta allo stesso modo, il che va bene per mostrare l'intento ma non mostra come si comporta il movimento con un input reale.
Quindi un prototipo Figma è un buon riferimento, ma gli sviluppatori ricostruiscono comunque il movimento nel codice. Per mantenere i valori coerenti, molti team salvano le impostazioni primaverili come token di movimento. Il nostro convertitore gratuito da animazione Figma a Spring trasforma l'attenuazione Figma in impostazioni primaverili che puoi utilizzare nel codice.
Se si desidera che la versione interattiva sia il risultato finale anziché un riferimento, è necessario uno strumento con un runtime. ExodeUI, da noi realizzato, memorizza stati, molle ed eventi in un unico file eseguito nell'app.