Kedua istilah ini menjawab pertanyaan yang berbeda. Smart Animate menjawab "perubahan apa?" Ia melihat dua frame, menemukan layer dengan nama yang cocok, dan menganimasikan posisi, ukuran, rotasi, opacity dan properti lainnya dari satu frame ke frame lainnya.
Mempermudah jawaban "bagaimana perubahannya seiring berjalannya waktu?" Figma memungkinkan Anda memilih kurva standar seperti ease-out, kurva bezier kubik khusus, atau pegas. Pelonggaran pegas ditentukan oleh pengaturan fisik, kekakuan, redaman, dan massa, bukan durasi tetap, sehingga gerakan menjadi lebih cepat dan stabil seperti yang dilakukan objek nyata.
Perbedaan nyata terlihat pada kode. Dalam suatu produk, pegas dapat dimulai dari posisi saat ini dan kecepatan suatu elemen. Jika pengguna menghentikan transisi atau menjentikkan lembar, gerakan akan berlanjut secara alami, bukan melompat. Transisi prototipe diputar dengan cara yang sama setiap saat, yang bagus untuk menunjukkan maksud tetapi tidak menunjukkan bagaimana perilaku gerakan di bawah masukan nyata.
Jadi prototipe Figma adalah referensi yang bagus, namun pengembang masih membangun kembali gerakan dalam kode. Untuk menjaga konsistensi nilai, banyak tim menyimpan pengaturan pegas sebagai token gerakan. Figma Animation to Spring Converter gratis kami mengubah pelonggaran Figma menjadi pengaturan pegas yang dapat Anda gunakan dalam kode.
Jika Anda ingin versi interaktif menjadi penyampaian dan bukan referensi, diperlukan alat dengan runtime. ExodeUI, yang kami buat, menyimpan status, pegas, dan peristiwa dalam satu file yang dijalankan di aplikasi.