Tyto dva termíny odpovídají na různé otázky. Smart Animate odpoví „co se změní?“ Podívá se na dva snímky, najde vrstvy se shodnými názvy a animuje jejich polohu, velikost, otočení, krytí a další vlastnosti z jednoho snímku do druhého.
Usnadnění odpovědí "jak se to mění v čase?" Figma vám umožňuje vybrat standardní křivku, jako je náběh, vlastní kubická-bezierova křivka nebo pružina. Uvolnění pružiny je definováno spíše fyzickým nastavením, tuhostí, tlumením a hmotností než pevnou dobou trvání, takže pohyb se zrychluje a ustálí tak, jak to dělají skutečné objekty.
Skutečný rozdíl se objevuje v kódu. V produktu může pružina vycházet z aktuální polohy a rychlosti prvku. Pokud uživatel přeruší přechod nebo švihne listem, pohyb pokračuje přirozeně místo přeskakování. Prototypový přechod se hraje pokaždé stejným způsobem, což je dobré pro zobrazení záměru, ale neukazuje, jak se pohyb chová při skutečném vstupu.
Prototyp Figma je tedy dobrou referencí, ale vývojáři stále přestavují pohyb v kódu. Aby byly hodnoty konzistentní, mnoho týmů ukládá nastavení pružiny jako žetony pohybu. Naše bezplatná převaděč Figma Animation to Spring Converter promění ulehčení Figma na nastavení pružiny, které můžete použít v kódu.
Pokud chcete, aby interaktivní verze byla výstupem spíše než referenční, je zapotřebí nástroj s runtime. ExodeUI, který vyrábíme, ukládá stavy, pružiny a události do jednoho souboru, který běží v aplikaci.