Premium Edition

UI Design: Figma UI Animation

Learn how to build a real project from scratch

Member

290 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

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

290 Happy Members

Review setelah bergabung di kelas UI Design: Figma UI Animation

Aldi Maulana

Quality Assurance

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

dimas pradipto

Full-Stack Developer

Materi video sangat mudah untuk di pahami

Kiki Nur Rizki

Full-Stack Developer

mantap

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.

Ali Imron Saefulla

Full-Stack Developer

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 !

Ariq Alfarizi

Full-Stack Developer

Top banget dahh, materi mudah dipahami

Indra Wijaya

Full-Stack Developer

Materi nya sangat bermanfaat

Irfan Nugraha

UI Designer

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

Ariazardi Pratama

Quality Assurance

Materi mudah dipahami oleh pemula

Irfan Bayu Setiawa

Full-Stack Developer

daging semua isinya, mudah dipahami juga penjelasannya

Antonius Dimas

Full-Stack Developer

Proses pengajarannya sangat terstruktur dan mudah dipahami

Dedi Rohmat

UI Designer

Good job, for explain

Ivan Cahyo

Lifetime Learner

Bermanfaat

Hario Jati Setyadi

Full-Stack Developer

kelasnya menarik , tutornya asyik

Featured Projects

1 Hasil karya terbaik di kelas UI Design: Figma UI Animation

 member of BuildWith Angga

satriaadityapangestu

#BeyondPremium

Start to Invest 100%

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

Selamanya

Rp 320,000

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

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.
belajar design & coding di buildwith angga indonesia

Learn From Expert

Konsultasikan kendala belajarmu di group private bersama mentor yang berpengalaman

arrow_upward