Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Learn Flutter & Figma UI Animation: Build a Furniture Store App

icon global
Released date December 2021
icon convert
Last updated March 2026
Member

700 enrolled

Lesson Type

Video Only

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Kebutuhan masyarakat akan aplikasi yang bisa memudahkan kegiatan sehari-hari semakin meningkat seiring kemajuan teknologi. Saat ini telah banyak perusahaan yang mencari developer supaya mereka bisa menjual produk (barang atau jasa) yang bisa menjangkau pembeli lebih luas secara online. Untuk menjadi developer, kita tidak diharuskan memahami semua ilmu desain, namun setidaknya kita bisa mengenal dasarnya agar bisa merealisasikan desain ke dalam kode menjadi satu aplikasi utuh secara lebih efektif. Kelas ini adalah media yang tepat untuk belajar design dan coding sekaligus. Bersama Mentor, Anda akan menciptakan aplikasi bermanfaat dengan menambahkan animasi pada aplikasi yang dibuat agar lebih menarik dan interaktif.

Para Mentor ahli kami akan menjelaskan cara membuat aplikasi furnitur dari tahapan design to code memakai framework andalan Google Flutter SDK. Dengan memakai tool desain populer Figma, Anda akan mengetahui dasar-dasar pembuatan mockup yang interaktif sebagai gambaran jadi aplikasi atau yang biasa dikenal sebagai prototype. Lalu Anda akan belajar mengaplikasikan animasi antara screen agar prototype menjadi lebih hidup. Setelah itu, proses akan berlanjut ke slicing dengan beragam Widget Flutter yang siap pakai sehingga pekerjaan developer bisa lebih efisien, hemat waktu dan tenaga. Kelas ini menggunakan tools Figma, Flutter versi 2.2.3 dan SDK versi ≥ 2.2.0 - < 3.0.0.

Kelas ini sesuai bagi Anda yang ingin memperdalam pengembangan aplikasi mobile secara lengkap pada sisi front-end. Nantinya aplikasi yang berhasil dibangun bisa jadi portofolio untuk melamar kerja atau keperluan bisnis pribadi Anda. Bila menemui kesulitan saat belajar, silakan bertanya langsung pada Mentor kami melalui grup Telegram, ya. Segera daftar dan kami tunggu di kelas!

Sneak Peek

Key Points

icon_check

Memahami dasar Prototype & Animation

icon_check

Memahami dasar MicroInteraction

icon_check

Membuat Animation (20 case study) untuk mobile app

icon_check

Mempresentasikan desain menggunakan Animation

icon_check

Memahami Widget pada Flutter

icon_check

Slicing desain ke real project dengan Flutter

Designed For

icon_check

Anda yang ingin mempelajari Smart Animate pada Figma

icon_check

Anda yang ingin mempelajari Microinteraction

icon_check

Anda yang ingin mendalami Prototype

icon_check

Anda yang ingin mendalami slicing desain dari Figma ke Flutter

icon_check

Anda yang ingin memiliki portofolio aplikasi yang menjual

icon_check

Anda yang ingin menjadi Front-End Developer profesional

Course Lessons

icon global
Videos language: Bahasa Indonesia (Auto-translation available)

Learn With Expert

Mentor Jalu Detya

Jalu Detya

UX Designer

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

(12.2K)

Mentor Rifqi Eka

Rifqi Eka

Full-Stack Developer

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

(50.1K)

Our Happy Students

Review setelah bergabung di kelas Learn Flutter & Figma UI Animation: Build a Furniture Store App

All Rating
Dimas Aditya at BuildWithAngga
Dimas Aditya

Lifetime Learner

Kerennnnnnnnnnnnnnnnnnn read more

07 Sep 2025

ic-star ic-star ic-star ic-star ic-star
Denny Septiady at BuildWithAngga
Denny Septiady

Full-Stack Developer

Untuk coursenya jelas, untuk penjelasannya read more

22 May 2025

ic-star ic-star ic-star ic-star ic-star
Farid Anggoro at BuildWithAngga
Farid Anggoro

Mobile App Developer

12 Dec 2024

ic-star ic-star ic-star ic-star ic-star
Aristiyo Rahadiyan Akbar at BuildWithAngga
Aristiyo Rahadiyan Akbar

Full-Stack Developer

Bagus untuk pemula read more

01 Nov 2024

ic-star ic-star ic-star ic-star ic-star
Galang resi at BuildWithAngga
Galang resi

Lifetime Learner

Menambah porto read more

26 Sep 2024

ic-star ic-star ic-star ic-star ic-star
Sulaiman at BuildWithAngga
Sulaiman

Lifetime Learner

16 Aug 2024

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

Flutter SDK

Software

logo

Figma

Software

logo

VSCode

Software

#BeyondPremium
Tampaknya kelas ini sedang menutup pendaftaran baru.
Silahkan menunggu pendaftaran batch selanjutnya.
Similar Courses
Foto kelas Learn Flutter & Figma UI Animation: Build a Furniture Store App Foto kelas Learn Flutter & Figma UI Animation: Build a Furniture Store App

Learn Flutter & Figma UI Animation: Build a Furniture Store App

icon global
Videos language: Bahasa Indonesia (Auto-translation available)

  • lock
    Splashscreen/Loading Animation
    Video 9 minutes
  • lock
    Onboarding Animation
    Video 10 minutes
  • lock
    Sign In Animation (Typing Animation)
    Video 13 minutes
  • lock
    Sign In Animation (Alert)
    Video 9 minutes
  • lock
    Homepage Animation
    Video 4 minutes
  • lock
    Detail Page Animation (Part 1)
    Video 5 minutes
  • lock
    Detail Page Animation (Part 2)
    Video 6 minutes
  • lock
    Detail Page Animation (Part 3)
    Video 9 minutes
  • lock
    Search Feature - Skeleton animation (Part 1)
    Video 12 minutes
  • lock
    Search Feature - Tab Animation (Part 2)
    Video 5 minutes
  • lock
    Category (Horizontal Scroll & Slide Animation)
    Video 6 minutes
  • lock
    Wishlist
    Video 8 minutes
  • lock
    Pull to refresh
    Video 4 minutes
  • lock
    Switch to dark mode animation
    Video 5 minutes
  • lock
    Full Prototype (Part 1)
    Video 10 minutes
  • lock
    Full Prototype (Part 2)
    Video 10 minutes
  • lock
    Full Prototype (Part 3)
    Video 4 minutes

  • lock
    Present your design with animation (Part 1)
    Video 8 minutes
  • lock
    Present your design with animation (Part 2)
    Video 11 minutes

  • lock
    Pengenalan Kelas
    Video 2 minutes
  • lock
    Menjalankan Prototype
    Video 5 minutes
  • lock
    Membuat Dan Menjalankan Projek
    Video 4 minutes
  • lock
    Melakukan Export Assets Bagian 1
    Video 7 minutes
  • lock
    Melakukan Export Assets Bagian 2
    Video 9 minutes
  • lock
    Melakukan Import Assets
    Video 3 minutes
  • lock
    Menambahkan Asset Warna
    Video 9 minutes
  • lock
    Menambahkan Google Fonts
    Video 7 minutes
  • lock
    Melakukan Slicing Splash Page
    Video 7 minutes

  • lock
    Menambahkan Onboarding Page
    Video 7 minutes
  • lock
    Menambahkan Carousel Slider Pada Onboarding Page
    Video 12 minutes
  • lock
    Menambahkan Indikator Dan Controller
    Video 5 minutes

  • lock
    Membuat Halaman Sign In & Navigasi
    Video 4 minutes
  • lock
    Sign In Page - Title
    Video 4 minutes
  • lock
    Sign In Page - Email Password
    Video 6 minutes
  • lock
    Sign In Page - Checkbox & Login Button
    Video 7 minutes
  • lock
    Sign In Page - Login With Google & Register Button
    Video 6 minutes
  • lock
    Sign In Page - Error Toast
    Video 7 minutes
  • lock
    Sign In Page - Menambahkan State Error & Loading
    Video 7 minutes

  • lock
    Home Page - Bottom Navbar
    Video 7 minutes
  • lock
    Home Page - Header & Search Bar
    Video 8 minutes
  • lock
    Home Page - Category Bagian 1
    Video 8 minutes
  • lock
    Home Page - Category Bagian 2
    Video 9 minutes
  • lock
    Home Page - Popular Bagian 1
    Video 8 minutes
  • lock
    Home Page - Popular Bagian 2
    Video 7 minutes

  • lock
    Search Page - AppBar
    Video 7 minutes
  • lock
    Search Page - Recommendation
    Video 7 minutes
  • lock
    Search Page Result - AppBar
    Video 7 minutes
  • lock
    Search Result Page - Loading Bagian 1
    Video 7 minutes
  • lock
    Search Result Page - Loading bagian 2
    Video 8 minutes
  • lock
    Search Result Page - Grid & List
    Video 9 minutes
  • lock
    Search Result Page - Dynamic Grid & List
    Video 4 minutes

  • lock
    Category Page
    Video 7 minutes

  • lock
    Wishlist Page
    Video 6 minutes

  • lock
    Profile Page - Slicing Bagian 1
    Video 10 minutes
  • lock
    Profile Page - Slicing Bagian 2
    Video 8 minutes
  • lock
    Profile Page - Transisi Bagian 1
    Video 8 minutes
  • lock
    Profile Page - Transisi Bagian 2
    Video 4 minutes

  • lock
    Detail Page - Bagian 1
    Video 7 minutes
  • lock
    Detail Page - Bagian 2
    Video 7 minutes
  • lock
    Detail Page - Bagian 3
    Video 9 minutes
  • lock
    Detail Page - Bagian 4
    Video 10 minutes
  • lock
    Detail Page - Bagian 5
    Video 9 minutes
  • lock
    Detail Page - See More Button
    Video 5 minutes
  • lock
    Detail Page - Review Bagian 1
    Video 7 minutes
  • lock
    Detail Page - Review Bagian 2
    Video 7 minutes

  • lock
    Penutup
    Video 1 minutes
Member
700
Lesson Type
Video Only
Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check
Develop Your Skills

Kebutuhan masyarakat akan aplikasi yang bisa memudahkan kegiatan sehari-hari semakin meningkat seiring kemajuan teknologi. Saat ini telah banyak perusahaan yang mencari developer supaya mereka bisa menjual produk (barang atau jasa) yang bisa menjangkau pembeli lebih luas secara online. Untuk menjadi developer, kita tidak diharuskan memahami semua ilmu desain, namun setidaknya kita bisa mengenal dasarnya agar bisa merealisasikan desain ke dalam kode menjadi satu aplikasi utuh secara lebih efektif. Kelas ini adalah media yang tepat untuk belajar design dan coding sekaligus. Bersama Mentor, Anda akan menciptakan aplikasi bermanfaat dengan menambahkan animasi pada aplikasi yang dibuat agar lebih menarik dan interaktif.

Para Mentor ahli kami akan menjelaskan cara membuat aplikasi furnitur dari tahapan design to code memakai framework andalan Google Flutter SDK. Dengan memakai tool desain populer Figma, Anda akan mengetahui dasar-dasar pembuatan mockup yang interaktif sebagai gambaran jadi aplikasi atau yang biasa dikenal sebagai prototype. Lalu Anda akan belajar mengaplikasikan animasi antara screen agar prototype menjadi lebih hidup. Setelah itu, proses akan berlanjut ke slicing dengan beragam Widget Flutter yang siap pakai sehingga pekerjaan developer bisa lebih efisien, hemat waktu dan tenaga. Kelas ini menggunakan tools Figma, Flutter versi 2.2.3 dan SDK versi ≥ 2.2.0 - < 3.0.0.

Kelas ini sesuai bagi Anda yang ingin memperdalam pengembangan aplikasi mobile secara lengkap pada sisi front-end. Nantinya aplikasi yang berhasil dibangun bisa jadi portofolio untuk melamar kerja atau keperluan bisnis pribadi Anda. Bila menemui kesulitan saat belajar, silakan bertanya langsung pada Mentor kami melalui grup Telegram, ya. Segera daftar dan kami tunggu di kelas!

read more
Key Points
  • check
    Memahami dasar Prototype & Animation
  • check
    Memahami dasar MicroInteraction
  • check
    Membuat Animation (20 case study) untuk mobile app
  • check
    Mempresentasikan desain menggunakan Animation
  • check
    Memahami Widget pada Flutter
  • check
    Slicing desain ke real project dengan Flutter
Created For
  • check
    Anda yang ingin mempelajari Smart Animate pada Figma
  • check
    Anda yang ingin mempelajari Microinteraction
  • check
    Anda yang ingin mendalami Prototype
  • check
    Anda yang ingin mendalami slicing desain dari Figma ke Flutter
  • check
    Anda yang ingin memiliki portofolio aplikasi yang menjual
  • check
    Anda yang ingin menjadi Front-End Developer profesional
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
700
Happy Students
Dimas Aditya at BuildWithAngga
Dimas Aditya

Lifetime Learner

Kerennnnnnnnnnnnnnnnnnn

07 Sep 2025

ic-star ic-star ic-star ic-star ic-star
Denny Septiady at BuildWithAngga
Denny Septiady

Full-Stack Developer

Untuk coursenya jelas, untuk penjelasannya

22 May 2025

ic-star ic-star ic-star ic-star ic-star
Farid Anggoro at BuildWithAngga
Farid Anggoro

Mobile App Developer

Keren

12 Dec 2024

ic-star ic-star ic-star ic-star ic-star
Aristiyo Rahadiyan Akbar at BuildWithAngga
Aristiyo Rahadiyan Akbar

Full-Stack Developer

Bagus untuk pemula

01 Nov 2024

ic-star ic-star ic-star ic-star ic-star
Galang resi at BuildWithAngga
Galang resi

Lifetime Learner

Menambah porto

26 Sep 2024

ic-star ic-star ic-star ic-star ic-star
Sulaiman at BuildWithAngga
Sulaiman

Lifetime Learner

BAGUS

16 Aug 2024

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.

Silahkan menunggu pendaftaran batch selanjutnya

arrow_upward
Marketing Banner

Kode Promo