Te dwa terminy odpowiadają na różne pytania. Smart Animate odpowiada na pytania: „Jakie zmiany?” Sprawdza dwie klatki, znajduje warstwy o pasujących nazwach i animuje ich położenie, rozmiar, obrót, krycie i inne właściwości między klatkami.
Łatwiejsze odpowiedzi „jak to się zmienia w czasie?” Figma umożliwia wybranie standardowej krzywej, takiej jak rozluźnienie, niestandardowej krzywej sześciennej beziera lub sprężyny. Zwolnienie sprężyny jest definiowane przez ustawienia fizyczne, sztywność, tłumienie i masę, a nie przez ustalony czas trwania, więc ruch przyspiesza i stabilizuje się tak, jak robią to rzeczywiste obiekty.
Prawdziwa różnica pojawia się w kodzie. W produkcie sprężyna może rozpocząć się od aktualnego położenia i prędkości elementu. Jeśli użytkownik przerwie przejście lub rzuci kartkę, ruch będzie kontynuowany naturalnie, zamiast skakać. Prototypowe przejście jest za każdym razem odtwarzane w ten sam sposób, co jest dobre dla pokazania intencji, ale nie pokazuje, jak ruch zachowuje się przy rzeczywistym wejściu.
Zatem prototyp Figma jest dobrym odniesieniem, ale programiści nadal przebudowują ruch w kodzie. Aby zachować spójność wartości, wiele zespołów zapisuje ustawienia sprężyn jako żetony ruchu. Nasz darmowy konwerter animacji Figma na Spring zamienia wygładzanie Figma w ustawienia sprężyn, których możesz używać w kodzie.
Jeśli chcesz, aby wersja interaktywna była produktem dostarczanym, a nie odniesieniem, potrzebne jest narzędzie ze środowiskiem wykonawczym. Wykonany przez nas ExodeUI przechowuje stany, sprężyny i zdarzenia w jednym pliku uruchamianym w aplikacji.