Pengenalan

Rive adalah satu alat untuk desain, animasi, dan perilaku interaktif. Apa yang Anda bangun di editor persis sama dengan yang berjalan di produk Anda — tidak perlu prototipe terpisah atau proses handoff (proses menyerahkan file desainer kepada developer) sama sekali.

Cara Kerja Rive

Rive mengikuti enam langkah — mulai dari menggambar bentuk hingga mengirimkan file yang sudah jadi ke dalam aplikasi Anda.

1. Design

Buat grafis vektor, layout responsif, dan komponen yang dapat digunakan ulang. Impor gambar, audio, dan font dari alat yang sudah Anda gunakan.

2. Animate

Hidupkan desain menggunakan timeline, keyframe, dan interpolasi yang halus.

3. Make Interactive

Bangun grafis yang bereaksi terhadap input pengguna, ukuran layar, scroll, dan state aplikasi menggunakan State Machine (logika yang menentukan animasi mana yang diputar berdasarkan kondisi — seperti diagram alur untuk gerakan).

4. Control with Data

Hubungkan animasi, teks, warna, dan layout ke data real-time menggunakan Data Binding (tautan langsung antara grafis Anda dan nilai-nilai di aplikasi Anda).

5. Scripting

Tulis logika kustom untuk animasi prosedural (dihasilkan oleh kode atau aturan, bukan digambar frame per frame secara manual) dan interaksi di luar alat bawaan.

6. Publish Anywhere

Ekspor satu file dan gunakan di web, aplikasi mobile, game, dan video.

Mulai Cepat

Baru mengenal Rive? Video ini memandu Anda melalui konsep inti — desain, animasi, dan membuat interaktif — dari awal hingga akhir.