Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Mastering Figma: User-Interface Design Animation

Learn to Make Interaction UI Prototype

icon global
Release date January 2021
icon convert
Last updated October 2024
Member

1,104 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Figma adalah alat desain populer yang memungkinkan desainer membuat prototype, sebuah mockup interaktif untuk mengevaluasi desain produk yang akan dikembangkan. Melalui proses Animation dan Microinteraction, kita dapat menciptakan momen yang menarik dan menyenangkan untuk pengguna aplikasi maupun website. Dengan kita paham proses tersebut, kita dapat membuat prototipe lebih mudah dan mendapatkan feedback desain lebih cepat.

Dalam proses pembuatan UI/UX Design, prototyping merupakan langkah penting yang harus dilakukan. Hal ini bertujuan untuk melakukan Usability Testing kepada pengguna, sehingga dapat mendapatkan umpan balik (feedback) dari pengguna terkait tampilan yang telah dibuat. Dengan demikian, hasil desain dapat ditingkatkan dan disesuaikan dengan kebutuhan dan preferensi pengguna.

Selain itu, dalam pembuatan prototipe, penggunaan UI Animation juga sangat penting untuk meningkatkan keterlibatan pengguna terhadap interface yang dibuat. Animasi yang tepat dapat memperjelas fungsi dan tindakan yang dapat dilakukan oleh pengguna, sehingga pengguna dapat dengan mudah berinteraksi dengan antarmuka yang telah dirancang. Dalam proses prototyping, penting untuk mempertimbangkan penggunaan UI Animation dengan tepat dan bijaksana agar antarmuka yang dibuat dapat lebih mudah dipahami dan digunakan oleh pengguna.

Dalam kelas ini, kita akan membahas berbagai fungsi UI Animation secara lebih detail, seperti memperjelas fungsi elemen UI. Selain itu, kita juga akan membahas bagaimana cara menggunakan UI Animation dengan baik dan benar dalam proses desain user-interface.

Dengan bergabung di kelas ini, diharapkan peserta dapat memahami pentingnya penggunaan UI Animation dalam desain user-interface, serta mampu mengaplikasikan teknik dan prinsip-prinsip yang telah dipelajari untuk meningkatkan kualitas desain UI.

Tidak perlu khawatir jika kamu belum memiliki pengalaman,dalam kelas ini, karena kita akan belajar materi dari dasar. Versi Figma yang digunakan dalam kelas ini adalah versi 116.7.103. Selama kelas, kamu akan belajar bagaimana menggunakan tools Figma ini untuk membuat desain UI yang baik dan sesuai dengan kebutuhan pengguna. Tunggu apalagi? Jangan ragu untuk bergabung dalam kelas ini. Kami menunggu kehadiran kamu di kelas!

Sneak Peek

Key Points

icon_check

Mempelajari Fungsi UI Animation Pada Proses Design

icon_check

Memahami Jenis Transisi dan Animasi Pada Prototype

icon_check

Memahami Berbagai Fitur-Fitur pada Tools Design Figma

icon_check

Membuat UI Animation Menggunakan Figma

Designed For

icon_check

Cocok untuk yang ingin mempelajari Microinteraction

icon_check

Cocok untuk designer yang ingin belajar membuat prototype

icon_check

Cocok untuk yang ingin mempelajari UI/UX Design

Course Lessons

Learn With Expert

Mentor Dhimas Prio

Dhimas Prio

Product Designer

ic-star ic-star ic-star ic-star ic-star

(51.1K)

Mentor Angga Risky S

Angga Risky S

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(415.3K)

Our Happy Students

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

All Rating
Aldi Maulana at BuildWithAngga
Aldi Maulana

Quality Assurance

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

ic-star ic-star ic-star ic-star ic-star
Agusnadi at BuildWithAngga
Agusnadi

UI Designer

Step by step penjelasannya mudah dipahami. read more

ic-star ic-star ic-star ic-star ic-star
Yemima Priscilla Esmeralda M at BuildWithAngga
Yemima Priscilla Esmerald

UI Designer

suka banget sama penjelasannya mas dimas! jelas dan mudah dipahami xx read more

ic-star ic-star ic-star ic-star ic-star
Tri Bayu priangga at BuildWithAngga
Tri Bayu priangga

Lifetime Learner

Sangat membantu, belajar membuat prototype dengan animasi yng keren read more

ic-star ic-star ic-star ic-star ic-star
Sulthan Muzakki at BuildWithAngga
Sulthan Muzakki

UI Designer

Kelas ini sangat membatu saya dalam membuat prototype read more

ic-star ic-star ic-star ic-star ic-star
Muthia Nurul S at BuildWithAngga
Muthia Nurul S

Lifetime Learner

materi yang dikasih bener2 detail dan jelas, pelan2 tidak terburu2 jadi sangat baguss untukk pemula yang mau belajar tentang animasi di figma read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Figma

Software Gratis

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 260,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

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

Contact CS

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.

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 BuildWithAngga. Silakan 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 BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas Mastering Figma: User-Interface Design Animation Foto kelas Mastering Figma: User-Interface Design Animation Foto kelas Mastering Figma: User-Interface Design Animation Foto kelas Mastering Figma: User-Interface Design Animation

Mastering Figma: User-Interface Design Animation

Learn to Make Interaction UI Prototype

  • lock
    Daftar dan Fitur Figma
    3 minutes
  • lock
    Pengenalan Figma
    6 minutes
  • play
  • lock
    Jenis Transisi Animasi Figma Part 2
    4 minutes
  • lock
    Download dan Import Project
    2 minutes

  • lock
    UI Animation Search Null (Smart Animate Keyboard)
    5 minutes

  • lock
    UI Animation Search (Animate Typing)
    5 minutes
  • lock
    UI Animation Search Result (Horizontal Overlay)
    7 minutes

  • lock
    UI Animation Details (Button Hovering)
    4 minutes

  • lock
    UI Animation Book Seats (Select Seat Animation)
    11 minutes
  • lock
    UI Animation Book Seats (Updating Seat and Price)
    6 minutes
  • lock
    UI Animation Book Seats (Button Bounce Animation)
    4 minutes

  • lock
    UI Animation Success (Overlay Animation)
    6 minutes

  • lock
    Mengkoneksikan Semua Screen
    7 minutes
Develop Your Skills

Figma adalah alat desain populer yang memungkinkan desainer membuat prototype, sebuah mockup interaktif untuk mengevaluasi desain produk yang akan dikembangkan. Melalui proses Animation dan Microinteraction, kita dapat menciptakan momen yang menarik dan menyenangkan untuk pengguna aplikasi maupun website. Dengan kita paham proses tersebut, kita dapat membuat prototipe lebih mudah dan mendapatkan feedback desain lebih cepat.

Dalam proses pembuatan UI/UX Design, prototyping merupakan langkah penting yang harus dilakukan. Hal ini bertujuan untuk melakukan Usability Testing kepada pengguna, sehingga dapat mendapatkan umpan balik (feedback) dari pengguna terkait tampilan yang telah dibuat. Dengan demikian, hasil desain dapat ditingkatkan dan disesuaikan dengan kebutuhan dan preferensi pengguna.

Selain itu, dalam pembuatan prototipe, penggunaan UI Animation juga sangat penting untuk meningkatkan keterlibatan pengguna terhadap interface yang dibuat. Animasi yang tepat dapat memperjelas fungsi dan tindakan yang dapat dilakukan oleh pengguna, sehingga pengguna dapat dengan mudah berinteraksi dengan antarmuka yang telah dirancang. Dalam proses prototyping, penting untuk mempertimbangkan penggunaan UI Animation dengan tepat dan bijaksana agar antarmuka yang dibuat dapat lebih mudah dipahami dan digunakan oleh pengguna.

Dalam kelas ini, kita akan membahas berbagai fungsi UI Animation secara lebih detail, seperti memperjelas fungsi elemen UI. Selain itu, kita juga akan membahas bagaimana cara menggunakan UI Animation dengan baik dan benar dalam proses desain user-interface.

Dengan bergabung di kelas ini, diharapkan peserta dapat memahami pentingnya penggunaan UI Animation dalam desain user-interface, serta mampu mengaplikasikan teknik dan prinsip-prinsip yang telah dipelajari untuk meningkatkan kualitas desain UI.

Tidak perlu khawatir jika kamu belum memiliki pengalaman,dalam kelas ini, karena kita akan belajar materi dari dasar. Versi Figma yang digunakan dalam kelas ini adalah versi 116.7.103. Selama kelas, kamu akan belajar bagaimana menggunakan tools Figma ini untuk membuat desain UI yang baik dan sesuai dengan kebutuhan pengguna. Tunggu apalagi? Jangan ragu untuk bergabung dalam kelas ini. Kami menunggu kehadiran kamu di kelas!

read more
Key Points
  • check
    Mempelajari Fungsi UI Animation Pada Proses Design
  • check
    Memahami Jenis Transisi dan Animasi Pada Prototype
  • check
    Memahami Berbagai Fitur-Fitur pada Tools Design Figma
  • check
    Membuat UI Animation Menggunakan Figma
Created For
  • check
    Cocok untuk yang ingin mempelajari Microinteraction
  • check
    Cocok untuk designer yang ingin belajar membuat prototype
  • check
    Cocok untuk yang ingin mempelajari UI/UX Design
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
1,104
Happy Students
Aldi Maulana at BuildWithAngga
Aldi Maulana

Quality Assurance

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

ic-star ic-star ic-star ic-star ic-star
Agusnadi at BuildWithAngga
Agusnadi

UI Designer

Step by step penjelasannya mudah dipahami.

ic-star ic-star ic-star ic-star ic-star
Yemima Priscilla Esmeralda M at BuildWithAngga
Yemima Priscilla Esmeralda M

UI Designer

suka banget sama penjelasannya mas dimas! jelas dan mudah dipahami xx

ic-star ic-star ic-star ic-star ic-star
Tri Bayu priangga at BuildWithAngga
Tri Bayu priangga

Lifetime Learner

Sangat membantu, belajar membuat prototype dengan animasi yng keren

ic-star ic-star ic-star ic-star ic-star
Sulthan Muzakki at BuildWithAngga
Sulthan Muzakki

UI Designer

Kelas ini sangat membatu saya dalam membuat prototype

ic-star ic-star ic-star ic-star ic-star
Muthia Nurul S at BuildWithAngga
Muthia Nurul S

Lifetime Learner

materi yang dikasih bener2 detail dan jelas, pelan2 tidak terburu2 jadi sangat baguss untukk pemula yang mau belajar tentang animasi di figma

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

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

Contact CS

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.

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 BuildWithAngga. Silakan 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 BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 260,000

arrow_upward