Bu iki terim farklı sorulara cevap veriyor. Smart Animate "neler değişir?" sorusunu yanıtlıyor İki kareye bakar, eşleşen adlara sahip katmanları bulur ve bunların konumunu, boyutunu, dönüşünü, opaklığını ve diğer özelliklerini bir kareden diğerine hareketlendirir.
Kolaylaştırıcı yanıtlar "Zamanla nasıl değişir?" Figma, gevşeme, özel kübik bezier eğrisi veya yay gibi standart bir eğri seçmenizi sağlar. Yay gevşemesi, sabit bir süre yerine fiziksel ayarlar, sertlik, sönümleme ve kütle ile tanımlanır; böylece hareket, gerçek nesnelerin yaptığı gibi hızlanır ve sabitlenir.
Gerçek fark kodda ortaya çıkıyor. Bir üründe yay, bir elemanın mevcut konumundan ve hızından başlayabilir. Kullanıcı bir geçişi yarıda keserse veya bir sayfayı kaydırırsa hareket, atlamak yerine doğal şekilde devam eder. Bir prototip geçişi her seferinde aynı şekilde oynatılır; bu, amacı göstermek açısından iyidir ancak hareketin gerçek girdi altında nasıl davrandığını göstermez.
Dolayısıyla bir Figma prototipi iyi bir referanstır, ancak geliştiriciler yine de hareketi kodda yeniden oluşturur. Değerleri tutarlı tutmak için birçok ekip yay ayarlarını hareket belirteçleri olarak kaydeder. Ücretsiz Figma Animasyondan Yay Dönüştürücümüz, Figma hareket hızını kodda kullanabileceğiniz yay ayarlarına dönüştürür.
Etkileşimli sürümün bir referans yerine teslim edilebilir olmasını istiyorsanız çalışma zamanı olan bir araca ihtiyaç vardır. Yaptığımız ExodeUI, durumları, yayları ve olayları uygulamada çalışan tek bir dosyada saklar.