Tieto dva pojmy odpovedajú na rôzne otázky. Smart Animate odpovedá „čo sa mení?“ Pozerá sa na dva snímky, nájde vrstvy so zodpovedajúcimi názvami a animuje ich polohu, veľkosť, otočenie, nepriehľadnosť a ďalšie vlastnosti z jedného snímku do druhého.
Uľahčenie odpovedí „ako sa to časom mení?“ Figma vám umožňuje vybrať si štandardnú krivku, ako je uvoľnenie, vlastná kubická-bezierova krivka alebo pružina. Uvoľnenie pružiny je definované skôr fyzickým nastavením, tuhosťou, tlmením a hmotnosťou, než pevným trvaním, takže pohyb sa zrýchľuje a ustáli tak, ako to robia skutočné objekty.
Skutočný rozdiel sa objaví v kóde. V produkte môže pružina začať od aktuálnej polohy a rýchlosti prvku. Ak používateľ preruší prechod alebo švihne listom, pohyb pokračuje prirodzene namiesto preskakovania. Prototypový prechod sa hrá zakaždým rovnakým spôsobom, čo je v poriadku na zobrazenie zámeru, ale neukazuje, ako sa pohyb správa pri skutočnom vstupe.
Prototyp Figma je dobrou referenciou, ale vývojári stále prestavujú pohyb v kóde. Aby boli hodnoty konzistentné, mnohé tímy ukladajú nastavenia pružiny ako pohybové tokeny. Náš bezplatný prevodník Figma Animation to Spring Converter premení zjednodušenie Figma na pružinové nastavenia, ktoré môžete použiť v kóde.
Ak chcete, aby interaktívna verzia bola skôr výstupom ako referenciou, je potrebný nástroj s runtime. ExodeUI, ktorý vyrábame, ukladá stavy, pružiny a udalosti do jedného súboru, ktorý beží v aplikácii.