Gerakan halus dalam sebuah prompt
Buat animasi berkualitas profesional menggunakan fitur agen di Figma. Gunakan fitur ini untuk gerakan berulang atau narasi yang kompleks.
Figma Motion
Buat animasi yang presisi dan siap produksi langsung di kanvas.
Desain gerak, tempat Anda berkreasi.
Baik Anda yang baru penasaran dengan desain gerak maupun ahli dalam efek easing, Anda bisa dengan mudah meregangkan, memantulkan, dan memampatkan desain Anda.
Kendalikan setiap keyframe
Anda memiliki kendali penuh atas garis waktu. Atur setiap bingkai dan properti persis seperti yang Anda inginkan, lalu libatkan rekan tim untuk menyempurnakan animasi akhir.
Kreativitas tanpa batas. Kontrol yang presisi.
Hadirkan kejelasan dan ekspresi dalam karya Anda. Buat animasi untuk status pemuatan, interaksi saat kursor melayang, gaya logo, dan masih banyak lagi. Satu-satunya batasan adalah garis waktu.
Buat desain dengan cepat menggunakan gaya siap pakai
Gaya animasi sudah terintegrasi—termasuk Pudar, Putar, Skala, Mengubah Ukuran, dan lainnya. Gabungkan berbagai gaya untuk mewujudkan visi Anda. Gaya khusus akan segera hadir.
Sesuaikan waktu secara otomatis
Gunakan autokey untuk melacak dan merekam gerakan Anda, lalu sesuaikan setiap keyframe dengan kurva bezier dan pegas.
Masuki dimensi baru
Transformasi 3D memberikan efek kedalaman pada desain dan gambar Anda. Padukan dengan efek gerak agar objek bergerak layaknya di dunia nyata.Segera hadir.
Jadikan semua transisi lebih mulus
Setiap transisi antar layar kini dilengkapi dengan garis waktu lengkap, dan Anda dapat menyesuaikan durasi untuk setiap elemen.Segera hadir.
Bangun sistem sekali saja. Terapkan di mana saja.
Sistem animasi memungkinkan seluruh tim Anda dengan cepat menambahkan aset animasi yang sesuai dengan identitas merek di mana saja.
Gunakan kembali komponen di seluruh aset
Sistematisasikan langkah-langkah umum—tidak perlu membangun dari awal setiap kali. Buat mode dan komponen yang berfungsi di mana pun diterapkan.
Tukar variabel untuk menghemat waktu
Beralihlah dengan cepat di antara berbagai nilai gerak menggunakan variabel dan token.
Kirim animasi langsung ke kode.
Semua animasi Anda didukung oleh kode yang sesungguhnya dan siap digunakan dalam produksi, serta dapat diekspor langsung dari Figma.
Proses serah terima pengembangan yang lancar
Pengembang dapat memeriksa seluruh garis waktu animasi dalam Dev Mode, lalu menyalin kode animasi secara langsung ke CSS, JSON, atau React.
Berikan konteks gerak yang lengkap kepada agen AI
Kirim kode animasi ke alat pemrograman agentik Anda melalui server Figma MCP. Proses ini mempertahankan semua nilai Anda, seperti efek kelembutan (ease) dan durasi (timing).
Ekspor langsung dari Figma
Bagikan animasi ke mana-mana. Ubah bingkai animasi apa pun menjadi file MP4, GIF, SVG, atau WebM.