Kelas Online
Mastering Figma A to Z: E-Commerce UI Animation Design

Released date August 2021

Last updated March 2026

Member

628 enrolled

Lesson Type

Video Only

Tingkatan

Sertifikat

Konsultasi

24 lessons (2.53 hours)

play_circle

Perkenalan Mentor

1 mins

play_circle

Alasan kelas dibuat

1 mins

play_circle

Introduction Micro Interaction

5 mins

play_circle

Dasar Prototype, Interaction & animation

4 mins

play_circle 24 more lessons

Develop Your Skills

Figma adalah sebuah perangkat lunak yang dapat digunakan untuk membuat desain antarmuka UI/UX suatu aplikasi. Figma saat ini menjadi salah satu tools design terpopuler yang memungkinkan pengguna untuk membuat mockup, prototipe, dan desain visual lainnya dengan mudah dan cepat. Figma juga memungkinkan untuk berkolaborasi secara real-time, sehingga banyak desainer dan pengembang yang menjadikan figma sebagai pilihan utama dalam menyelesaikan pekerjaannya. Figma juga secara terus-menerus mengembangkan dan memperbarui fitur-fiturnya untuk memenuhi kebutuhan desainer dan pengembang yang semakin kompleks.

Dalam pengembangan e-commerce UI Animation Design, Figma dapat menjadi alat yang sangat berguna bagi desainer. Dengan Figma, desainer dapat membuat desain interaktif yang meliputi animasi dan transisi yang akan terjadi di antara halaman-halaman e-commerce, sehingga pengguna dapat lebih mudah memahami bagaimana berinteraksi dengan situs tersebut. Selain itu, Figma juga menyediakan banyak fitur dan plugin yang membantu dalam pengembangan e-commerce UI Animation Design, seperti plugin untuk membuat animasi SVG, plugin untuk membuat animasi di dalam Figma, plugin untuk memudahkan penggunaan ikon, dan masih banyak lagi.

Melalui proses UI Animation dan Microinteraction Design, kita dapat menciptakan momen yang menarik dan menyenangkan bagi pengguna aplikasi. Dengan kita paham proses tersebut, kita dapat membuat prototipe lebih mudah dan mendapatkan feedback desain lebih cepat. Hal ini tentunya dapat menguntungkan banyak pihak karena dapat menghemat uang dan waktu dalam pengembangan aplikasi.

Pada kelas ini, Mentor akan menunjukkan cara mengubah desain statis menjadi lebih hidup dengan fitur Prototype: Animation & Microinteraction. Desain dan case study “E-Commerce App” telah disediakan agar kita bisa langsung mempraktikkan teorinya. Kita akan belajar dari mengenal definisi dan penggunaan Prototype, membangun connection animasi antara frame, hingga membuat presentasi mockup yang menarik untuk pitching ke klien. Kelas ini akan dipandu oleh pengajar yang berpengalaman dan ahli di bidangnya, sehingga kamu akan mendapatkan bimbingan yang terarah.

Kelas ini sangat cocok bagi kamu yang ingin mempelajari cara membuat prototipe aplikasi yang menjual. Bila kamu memiliki passion di bidang UI design, maka kelas ini akan sangat membantu dalam meningkatkan keterampilan kamu dan membawa karir kamu ke level selanjutnya. Ayo gabung dan belajar desain bersama kami sekarang!

Sneak Peek

Foto kelas Mastering Figma A to Z: E-Commerce UI Animation Design

Key Points

Membangun portfolio UI Design yang menarik dan menjual

Membuat Animation dari 20 case study untuk mobile app

Mempelajari dasar-dasar prototype agar lebih mudah memahami konsep desain animasi

Mempresentasikan desain menggunakan Animation

Memahami MicroInteraction & Animation

Designed For

Anda yang ingin memiliki portfolio UI Design yang menjual

Anda yang ingin berprofesi sebagai UI/UX Designer

Anda yang ingin mendalami Smart Animate di Figma

Anda yang ingin mendalami Microinteraction di Figma

Course Lessons

lock

Splashscreen/Loading Animation

Video