Belajar UIUX : Membuat Animasi Lottie di Figma dan Implementasinya

Mentor : Kenneth Mahakim & Celcea Tifani

Novi

Rp149.000
DISKON
12%
Rp169.000
AKSES SELAMANYA
Slot Terbatas
Rp149.000
12%
Rp169.000
AKSES SELAMANYA
Slot Terbatas
4.5
(102)
"Udah keren sih, gercep juga, dari segala pertanyaan dari bentuk apapun sudah terjawab, dari mulai pertanyaan dikolom chat maupun langsung di figma nya, kedepannya begitu terus dan sukses selalu."
Dimas Rahmat Darmawan, Mahasiswa
"Everything is awesome, tidak ada kendala. Moderator dan speaker sangat responsif dan interaktif. Materinya juga keren banget! Bikin part 2 boleh? lebih lanjut tentang freelance job motion hehe"
Dennis Adiprawira, UI UX Designer
Beli Akses
Gunakan kode kupon
HDJULIFS20
untuk mendapatkan diskon Rp20.000
Gunakan kode kupon
HDAID05
untuk mendapat subsidi 50 ribu untuk 10 orang

Apa yang akan kamu pelajari

Ada total 7+ topik pembahasan yang kita cover di workshop ini:

✅
How motion impacting digital experiences
✅ Traditional and digital way of creating motion
✅ LottieFiles ecosystem to help organization produce and maintain motion system
✅ 12 princinples of motion
✅ Praktek ngebuat animasi dengan plugin LottieFiles
✅ Export to GIF
✅ Handover to dev (.json and .lottie)
✅ Implementasi hasil animasi ke Framer
✅ Framer: Lottie sebagai Looping Background
✅ Framer: Lottie sebagai Hero Animation
✅ Framer: Lottie sebagai Hover-interactive element

Mentor

Kenneth Mahakim & Celcea Tifani

Kenneth, product designer yang punya spesialisasi di bidang ilustrasi design selama 6 tahun. Ken mengawali karirnya sebagai seorang UI UX Designer di design studio tahun 2016. Kecintaannya terhadap ilustrasi dan UI Design membuat dirinya membuat @Vektoria.id yg berfokus mengedukasi UI Illustration.

Celcea, seorang art director dan desainer yang kurang lebih selama 11 tahun. Mengawali karirnya sebagai desainer grafis, Celcea mencoba peruntungan dan memulai karirnya di Belanda, Cina dan Australia sebelum akhirnya menetap di Malaysia dan bekerja untuk LottieFiles sebagai Brand Manager.

Tingkat kesulitan

Sejatinya cocok bagi teman2 yang mau belajar dan yang udah pernah ngebuat animasi untuk UI Design. Cocok bagi teman2 yang masih pemula baik student, fresh graduate, atau yang sudah memiliki pengalaman sebagai designer.

Cocok Kalo:
✅ Kamu pengen belajar buat animasi dari nol
✅ Kamu yang ingin memahami mindset dan penggunaan animasi pada Ilustrasi di UI Design
✅ Kamu pengen manfaatin animasi Ilustrasi untuk improve desainmu.
✅ Kamu mau animasi yang dibuat langsung live di website
✅ Kamu suka belajar dan praktek bareng rame-rame

Ga Cocok Kalo:
❌ Kamu udah expert dengan proses ngebuat animasi ilustrasi dan implementasinya
❌ Kamu ga tertarik dengan penggunaan animasi pada UI designmu

Apa yang akan kamu dapatkan

Kamu akan mendapatkan rekaman dan materi pembelajaran lengkap dan komprehensif mengenai topik ini. Materi bisa kamu akses selamanya.

Rp149.000
DISKON
12%
Rp169.000
AKSES SELAMANYA
Slot Terbatas
Rp149.000
12%
Rp169.000
AKSES SELAMANYA
Slot Terbatas
4.5
(102)
"Udah keren sih, gercep juga, dari segala pertanyaan dari bentuk apapun sudah terjawab, dari mulai pertanyaan dikolom chat maupun langsung di figma nya, kedepannya begitu terus dan sukses selalu."
Dimas Rahmat Darmawan, Mahasiswa
"Everything is awesome, tidak ada kendala. Moderator dan speaker sangat responsif dan interaktif. Materinya juga keren banget! Bikin part 2 boleh? lebih lanjut tentang freelance job motion hehe"
Dennis Adiprawira, UI UX Designer
Beli Akses
Gunakan kode kupon
HDJULIFS20
untuk mendapatkan diskon Rp20.000
Gunakan kode kupon
HDAID05
untuk mendapat subsidi 50 ribu untuk 10 orang
Belum bisa beli saat ini?
Join Discord HaloDesigners untuk kumpul dengan komunitas UI UX Indonesia: Dapet ilmu gratis, networking, update industri UIUX terkini dan diskon event lainnya.
Join GRATIS
Strategi Designer Membuat WebApp pakai AI. Tanpa Coding
4.7
(29)
Argi Tendo
Kombinasi desain, AI, dan masalah sehari-hari bisa jadi produk digital. Mulai aja dulu dari ide terkecilmu.
Bedah Fitur Baru Figma & Prototyping dengan AI
4.6
(76)
Elaine Lumanauw
Bedah fitur config 2025 (Make, Draw, Buzz, Sites), demo prototyping pake AI, dan bahas culture, mindset dan workflow desain berbasis AI di US.
Manfaatkan AI untuk Proses Kreatif Ilustrasi
4.8
(45)
Kenneth Mahakim
Ngebahas implementasi AI di workflow visual design, advanced prompting untuk ilustrasi dan ngebuat animasinya.
Manfaatkan AI Biar Gak Sekedar Jadi Eksekutor
4.9
(94)
Richard Fang
Ngulik cara kerja AI dari Mindset, Implementasi dan Maturity levelnya. Lengkap dengan real use case dan etika legalnya.
Manfaatkan AI untuk Buat Asset UI Design
4.0
(135)
Rizki Arsyad
Proses generate asset yang siap dipolish pake multiple references, GPT, Figma dan critical thinking untuk project desainmu. Serta memahami legalitas dan hak cipta terhadap aset yang dibuat.
Menjadi Top-Tier Freelancer di Market Global
4.7
(70)
Iqbal Aqaba
Strategi Naik Level sebagai Top 3% talent di Upwork & Personal Branding di Media Sosial.
Mastering Figma Auto Layout dan Component Properties
4.7
(217)
Ravi Mahfunda
Mempelajari penggunaan Auto Layout dan Component Properties dalam pembuatan UI Design
Strategi Menghadapi Project Brief dengan Efektif
4.8
(72)
Galuh NAP
Praktek membuat Design Brief agar hasil design lebih terukur, kontekstual dan selaras dengan stakeholders.
UX Writing untuk Designer
4.8
(56)
Mala Cinantya
Praktek langsung membuat UI Copy berdasarkan real use case Beserta tips untuk improve impact dari designmu melalui tulisan