Nämä kaksi termiä vastaavat eri kysymyksiin. Smart Animate vastaa "mikä muuttuu?" Se tarkastelee kahta kehystä, etsii tasoja, joilla on vastaavat nimet, ja animoi niiden sijainnin, koon, pyörimisen, peittävyyden ja muut ominaisuudet kehyksestä toiseen.
Helpottavat vastaukset "miten se muuttuu ajan myötä?" Figma antaa sinun valita vakiokäyrän, kuten helpotuksen, mukautetun kuutio-bezier-käyrän tai jousen. Kevään kevennys määritellään fyysisten asetusten, jäykkyyden, vaimennusten ja massan sijaan kiinteän keston sijaan, joten liike nopeutuu ja asettuu todellisten esineiden tapaan.
Todellinen ero näkyy koodissa. Tuotteessa jousi voi käynnistyä elementin sen hetkisestä asennosta ja nopeudesta. Jos käyttäjä keskeyttää siirtymän tai pyyhkäisee arkkia, liike jatkuu luonnollisesti hyppäämisen sijaan. Prototyyppisiirtymä toistaa samalla tavalla joka kerta, mikä sopii tarkoituksen osoittamiseen, mutta ei näytä, kuinka liike käyttäytyy todellisessa syötteessä.
Joten Figma-prototyyppi on hyvä referenssi, mutta kehittäjät rakentavat silti liikkeen uudelleen koodissa. Jotta arvot pysyvät yhdenmukaisina, monet tiimit tallentavat jousiasetukset liiketokeneiksi. Ilmainen Figma Animation to Spring Converter muuttaa Figma helpotuksen jousiasetuksiksi, joita voit käyttää koodissa.
Jos haluat, että interaktiivinen versio on toimitettava referenssin sijaan, tarvitaan ajonaikainen työkalu. Valmistamamme ExodeUI tallentaa tilat, jouset ja tapahtumat yhteen tiedostoon, joka suoritetaan sovelluksessa.