Ez a két kifejezés különböző kérdésekre ad választ. A Smart Animate kérdésére "mi változik?" Megnéz két képkockát, megkeresi az egyező nevű rétegeket, és egyik képkockáról a másikra animálja helyzetüket, méretüket, elforgatásukat, átlátszatlanságukat és egyéb tulajdonságaikat.
Könnyítő válaszok "hogyan változik az idő múlásával?" A Figma segítségével választhat egy szabványos görbét, például kiegyenlítést, egyedi köbös-bezier görbét vagy rugót. A rugós enyhülést a fizikai beállítások, a merevség, a csillapítás és a tömeg határozza meg, nem pedig a rögzített időtartam, így a mozgás felgyorsul és megállapodik, ahogyan a valódi tárgyak teszik.
Az igazi különbség a kódban jelenik meg. Egy termékben a rugó az elem pillanatnyi helyzetéből és sebességéből indulhat ki. Ha a felhasználó megszakít egy átmenetet vagy pöccint egy lapot, a mozgás természetesen folytatódik, nem ugrál. A prototípus-átmenet minden alkalommal ugyanúgy játszódik le, ami alkalmas a szándék kimutatására, de nem mutatja meg, hogyan viselkedik a mozgás valódi bemenet esetén.
Tehát egy Figma prototípus jó referencia, de a fejlesztők továbbra is kódban építik újra a mozgást. Az értékek egységességének megőrzése érdekében sok csapat mozgásjelzőként menti a rugóbeállításokat. Ingyenes Figma Animation to Spring Converterünk a Figma könnyítést kódban használható rugóbeállításokká alakítja.
Ha azt szeretné, hogy az interaktív verzió legyen a szállítandó, nem pedig referencia, akkor futásidejű eszközre van szükség. Az általunk készített ExodeUI az állapotokat, rugókat és eseményeket egyetlen fájlban tárolja, amely az alkalmazásban fut.