Тези два термина отговарят на различни въпроси. Smart Animate отговаря на "какви промени?" Той разглежда два кадъра, намира слоеве със съвпадащи имена и анимира тяхната позиция, размер, ротация, непрозрачност и други свойства от един кадър в друг.
Облекчаването отговаря "как се променя с времето?" Figma ви позволява да изберете стандартна крива като ease-out, персонализирана кубична крива на Безие или пружина. Облекчаването на пружината се определя от физически настройки, твърдост, затихване и маса, а не от фиксирана продължителност, така че движението се ускорява и установява по начина, по който го правят реалните обекти.
Истинската разлика се появява в кода. В даден продукт пружината може да започне от текущата позиция и скорост на даден елемент. Ако потребителят прекъсне преход или плъзне лист, движението продължава естествено, вместо да скача. Прототипният преход се възпроизвежда по един и същи начин всеки път, което е добре за показване на намерение, но не показва как се държи движението при реален вход.
So a Figma prototype is a good reference, but developers still rebuild the motion in code. За да поддържат стойностите последователни, много екипи запазват пружинните настройки като жетони за движение. Our free Figma Animation to Spring Converter turns Figma easing into spring settings you can use in code.
Ако искате интерактивната версия да бъде резултат, а не справка, е необходим инструмент с време за изпълнение. ExodeUI, който правим, съхранява състояния, пружини и събития в един файл, който се изпълнява в приложението.