Disse to udtryk besvarer forskellige spørgsmål. Smart Animate svarer "hvad ændrer sig?" Den ser på to rammer, finder lag med matchende navne og animerer deres position, størrelse, rotation, opacitet og andre egenskaber fra den ene ramme til den anden.
Lette svar "hvordan ændrer det sig over tid?" Figma lader dig vælge en standardkurve såsom ease-out, en brugerdefineret cubic-bezier-kurve eller en fjeder. Forårslindring er defineret af fysiske indstillinger, stivhed, dæmpning og masse, snarere end en fast varighed, så bevægelsen fremskynder og afregner, som rigtige objekter gør.
Den virkelige forskel vises i kode. I et produkt kan en fjeder starte fra den aktuelle position og hastighed af et element. Hvis en bruger afbryder en overgang eller vipper et ark, fortsætter bevægelsen naturligt i stedet for at hoppe. En prototypeovergang spiller på samme måde hver gang, hvilket er fint til at vise hensigt, men viser ikke, hvordan bevægelsen opfører sig under virkelig input.
Så en Figma-prototype er en god reference, men udviklere genopbygger stadig bevægelsen i kode. For at holde værdierne konsistente gemmer mange hold forårsindstillinger som bevægelsestokens. Vores gratis Figma Animation to Spring Converter gør Figma easing til fjederindstillinger, du kan bruge i kode.
Hvis du ønsker, at den interaktive version skal være leverancen frem for en reference, er der brug for et værktøj med en runtime. ExodeUI, som vi laver, gemmer tilstande, kilder og begivenheder i én fil, der kører i appen.