Ці два терміни відповідають на різні питання. Smart Animate відповідає на питання "що зміниться?" Він розглядає два кадри, знаходить шари з відповідними назвами та анімує їх положення, розмір, обертання, непрозорість та інші властивості від одного кадру до іншого.
Пом'якшення відповідає "як це змінюється з часом?" Figma дозволяє вибрати стандартну криву, таку як ease-out, спеціальну криву кубічного Безьє або пружину. Послаблення пружини визначається фізичними налаштуваннями, жорсткістю, демпфуванням і масою, а не фіксованою тривалістю, тому рух прискорюється та осідає так, як це роблять реальні об’єкти.
Справжня різниця проявляється в коді. У виробі пружина може починатися з поточного положення та швидкості елемента. Якщо користувач перериває перехід або гортає аркушем, рух продовжується природним чином, а не стрибає. Перехід прототипу щоразу відтворюється однаково, що добре для демонстрації наміру, але не показує, як рух поводиться під реальним введенням.
Тож прототип Figma є хорошим посиланням, але розробники все одно перебудовують рух у коді. Щоб зберегти узгодженість значень, багато команд зберігають параметри пружини як маркери руху. Наш безкоштовний Figma Animation to Spring Converter перетворює Figma easing у параметри Spring, які можна використовувати в коді.
Якщо ви хочете, щоб інтерактивна версія була продуктом, а не посиланням, потрібен інструмент із часом виконання. ExodeUI, який ми створюємо, зберігає стани, пружини та події в одному файлі, який запускається в програмі.