Premium Edition

Mastering Figma: User-Interface Design Animation

Learn to enhance your experience design

Member

564 enrolled

Tingkatan
Sertifikat
Konsultasi

Develop Your Skills

Dalam proses membuat UI/UX Design, prototyping adalah langkah yang sangat penting untuk dilakukan. Tujuannya adalah untuk melakukan Usability Testing kepada user, agar nantinya mendapatkan feedback untuk improve tampilan yang dibuat. Oleh karena itu, sangat penting untuk membuat UI Animation agar tampilannya lebih mudah dipahami user saat melakukan interaksi

Pada kelas ini, kita akan mempelajari bagaimana caranya membuat UI Animation untuk mempermudah interaksi antara user dengan tampilan UI Design. Software yang digunakan pada kelas ini adalah gratis yaitu figma. Teruntuk kalian yang ingin bergabung juga tidak wajib untuk memiliki pengalaman dasar karena di sini kita akan belajar dari dasar. Silakan ikuti kelasnya dan kami akan tunggu kalian di kelas

Demo Project

Key Points

Mempelajari Fungsi UI Animation Pada Proses Design

Memahami Fitur - Fitur Figma

Memahami Jenis Transisi dan Animasi Pada Prototype

Membuat UI Animation Menggunakan Figma

Designed For

Cocok untuk yang ingin mempelajari Microinteraction

Cocok untuk designer yang ingin belajar membuat prototype

Cocok untuk yang ingin mempelajari UI/UX Design

Learn With Expert

Dhimas Prio

UI Designer

Profile Mentor

Angga Risky

Full-Stack Developer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Pengenalan UI Animation

play_circle

Introduction UI Animation

3 mins

lock

Seberapa Penting UI Animation

4 mins

2

Getting Started Figma

lock

Daftar dan Fitur Figma

3 mins

lock

Pengenalan Figma

6 mins

play_circle

Jenis Transisi Animasi Figma Part 1

5 mins

lock

Jenis Transisi Animasi Figma Part 2

4 mins

lock

Download dan Import Project

2 mins

3

Home Screen UI Animation

play_circle

UI Animation Home (Horizontal Scrolling)

7 mins

play_circle

UI Animation Home (Vertical Overlay)

9 mins

4

Search Null Screen UI Animation

lock

UI Animation Search Null (Smart Animate Keyboard)

5 mins

5

Search Screen UI Animation

lock

UI Animation Search (Animate Typing)

5 mins

lock

UI Animation Search Result (Horizontal Overlay)

7 mins

6

Details Screen UI Animation

lock

UI Animation Details (Button Hovering)

4 mins

7

Book Seats Screen UI Animation

lock

UI Animation Book Seats (Select Seat Animation)

11 mins

lock

UI Animation Book Seats (Updating Seat and Price)

6 mins

lock

UI Animation Book Seats (Button Bounce Animation)

4 mins

8

Success Screen UI Animation

lock

UI Animation Success (Overlay Animation)

6 mins

9

Finishing Prototype UI Animation

lock

Mengkoneksikan Semua Screen

7 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Figma

Software Gratis

Download Now

564 Happy Members

Review setelah bergabung di kelas Mastering Figma: User-Interface Design Animation

Irfan Bayu Setiawa

Full-Stack Developer

daging semua isinya, mudah dipahami juga penjelasannya

Billy Petra Gilber

Full-Stack Developer

Terima kasih buat ilmunya, sangat bermanfaat

Abi hisam

Full-Stack Developer

Sangat mudah di pahami

wahyu

UI Designer

mudah dipahami, terima kasih

Abah UX

UX Designer

Bagus sangat. Jadi mengerti cara untuk scrolling di figma

Jonathan Halim

UI Designer

Mantap, mudah di mengerti dan mudah diterapkan

Satria Gerhana

Front-End Developer

Mudah di pahami, dijelaskan dari awal sebelum prototype

Hario Jati Setyadi

Full-Stack Developer

kelasnya menarik , tutornya asyik

Ivan Cahyo

Lifetime Learner

Bermanfaat

Dedi Rohmat

UI Designer

Good job, for explain

Antonius Dimas

Full-Stack Developer

Proses pengajarannya sangat terstruktur dan mudah dipahami

Aldi Maulana

Quality Assurance

Penyampaiannya bagus, materinya bagus mudah mudahan ada tambahan trik animation lagi masih terasa kurang soalnya wkwkw

Ariazardi Pratama

Quality Assurance

Materi mudah dipahami oleh pemula

Irfan Nugraha

UI Designer

Materi bagian Bookscreen agak membingungkan, tetapi secara keseluruhan kelasnya keren sekali mengajarkan berbagai teknik animasi di figma

Indra Wijaya

Full-Stack Developer

Materi nya sangat bermanfaat

Ariq Alfarizi

Full-Stack Developer

Top banget dahh, materi mudah dipahami

Arizal Sita Ahmad

UI Designer

Materinya dapat diserap dengan mudah buat pemula, step demi step dijelaskan dengan jelas, maju terus Mas Dhimas dan BWA !

Ali Imron Saefulla

Full-Stack Developer

mudah dipahami

Rendra

Full-Stack Developer

Penjelasan mentornya sangat jelas, mendetail dan gampang dipahami. Bagi yang baru memulai pelajaran di kelas ini tidak sulit untuk beradaptasi. terima kasih mentor, ilmunya sangat bermanfaat.

Kiki Nur Rizki

Full-Stack Developer

mantap

dimas pradipto

Full-Stack Developer

Materi video sangat mudah untuk di pahami

Featured Projects

1 Hasil karya terbaik di kelas Mastering Figma: User-Interface Design Animation

 member of BuildWith Angga

satriaadityapangestu

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio
#BeyondPremium

Start to Invest 100%

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Selamanya

Rp 123,456

Miliki kelas Premium secara permanen
dan bangun sebuah projek nyata

Akses kelas selamanya

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Beli Kelas Lihat Benefit Lainnya

Berlangganan

Rp 0

Mengikuti kelas dengan waktu yang
terbatas dan biaya lebih hemat

Akses kelas terbatas

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Subscribe Kelas Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

WhatsApp Admin

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Kami telah menyediakan kelas yang terstruktur dan well-designed oleh mentor yang berpengalaman sehingga akan sangat mudah untuk dipahami oleh siapa saja.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWith Angga. Silahkan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWith Angga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 123,456

Rp 429,000

Beli Kelas