Belajar Figma untuk UI/UX Mobile Apps

Yoseph Duna | Product Designer at Unicorn E-Commerce Company

93% Ulasan Positif

+500 Peserta

Level Kelas : Pemula

UI UX Design

Diskon 80%

Rp 49.000 Rp 250.000

+ Keranjang Beli Kelas

00:00:00 kembali ke harga normal

Dapatkan akses seumur hidup

10 Chapter | 3 Jam 27 Menit

Video Full HD

1 Workbook (PDF)

Bersertifikat

Ingin belajar dengan lebih hemat?

Kamu bisa mendapatkan kelas ini dan akses semua kelas mulai dari Rp16.583/bulan

Ambil Paket Berlangganan

Kurikulum Kelebihan Mentor Review

Tentang Kelas ini

Tahukah kamu, kalau cara membuat aplikasi dari sisi tampilan interfacenya bisa dilakukan menggunakan Figma! Inilah yang menjadi alasan product design, harus memiliki User Interface dan User Experience yang menarik. Hal ini menyebabkan suatu produk susah untuk dinikmati para usernya. Kelas ini hadir, untuk membuatmu paham pembuatan desain Mobile Apps menggunakan Figma! Di sini, kamu akan belajar mulai dari Fundamental Figma, Research & Brainstorming dan UI/UX Basic Theory. Tidak hanya itu, karena kamu akan belajar simulasi Pembuatan Wireframe untuk Prototyping. Kelas praktikal yang bisa dipelajari oleh siapapun.

Lihat lebih banyak

Apa yang kamu Pelajari

Pengetahuan Figma dan Urgensi Pemakaiannya di UI/UX

Pengenalan Fundamental Figma

Tahapan UI/UX pada Saat Menggunakan Figma

Pembuatan Auto Layout, Component dan Variant

Pengembangan Research & Brainstorming dalam Product Design

Pembuatan dan Pemindahan Wireframe dalam Struktur Design

Pembuatan Prototyping Berdasarkan Komponen UI/UX

Pengetahuan Perapian Dokumentasi Figma

Career Growth Mindset dan Career Insight dalam UI/UX

Lihat lebih banyak

Kurikulum

10 Chapter | 3 Jam 27 Menit

Akses Pre-test

Perkenalan

Hai! Selamat datang di kelas “Belajar Figma untuk UI/UX Mobile Apps”. Tentunya sebelum kamu menjadi menjadi expert desain kamu harus tahu, “Apa sih UI/UX Design itu? Dan, kenapa harus pake Figma?”. Semua dimulai di sini!

Dasar-Dasar Figma (Part 1)

Udah tahu nih alasan kenapa kamu menggunakan aplikasi Figma? Sekarang, kamu akan diajarkan cara menggunakan Figma dan juga cara mulai project yang baru! Let's get started!
Dasar-Dasar Figma (Part 2)

Belajar dasar suatu aplikasi, pastinya kamu harus tahu tools-tools yang terdapat di dalamnya. Di chapter ini juga, kamu akan diberitahu keseluruhan fungsinya! Let’s learn!

Auto Layout & Component (Part 1)

Pernah zoom in atau zoom out aplikasi, tapi tampilannya tetap dinamis? Itulah peran auto lay out! Kira-kira kamu penasaran nggak gimana bikinnya? Langsung aja play videonya sekarang!
Auto Layout & Component (Part 2)

Satu video untuk materi auto layout? Mana cukup! Di sini, mentor akan mempraktikkan cara gabungin dua objek! Juga, mentor akan menjelaskan secara detail mengenai component! Simak keseluruhannya di sini!
Auto Layout & Component (Part 3)

Setelah tahu auto layout dan component proses desain jadi lebih gampang ya! Terus apalagi? Pastinya kamu harus belajar variant! Apa ya gunanya variant? Selain itu, kenapa kita harus menggunakan variant? Pelajari semuanya di sini!

Research & Brainstorming (Part 1)

Waktunya kita belajar brainstorming & research! Di sini, kamu akan diajarkan, cara define product, user persona, competitor analysis, user flow dan information architecture menggunakan Figma! Watch it carefully!
Research & Brainstorming (Part 2)

Sudah diajarin teori di chapter sebelumnya! Sekarang, kamu akan dipraktikkan secara langsung research & brainstorming, dari user flow, user persona, hingga empathy map! Here we go!

Perkenalan

Hai! Selamat datang di kelas “Belajar Figma untuk UI/UX Mobile Apps”. Tentunya sebelum kamu menjadi menjadi expert desain kamu harus tahu, “Apa sih UI/UX Design itu? Dan, kenapa harus pake Figma?”. Semua dimulai di sini!

Dasar-Dasar Figma (Part 1)

Udah tahu nih alasan kenapa kamu menggunakan aplikasi Figma? Sekarang, kamu akan diajarkan cara menggunakan Figma dan juga cara mulai project yang baru! Let's get started!
Dasar-Dasar Figma (Part 2)

Belajar dasar suatu aplikasi, pastinya kamu harus tahu tools-tools yang terdapat di dalamnya. Di chapter ini juga, kamu akan diberitahu keseluruhan fungsinya! Let’s learn!

Auto Layout & Component (Part 1)

Pernah zoom in atau zoom out aplikasi, tapi tampilannya tetap dinamis? Itulah peran auto lay out! Kira-kira kamu penasaran nggak gimana bikinnya? Langsung aja play videonya sekarang!
Auto Layout & Component (Part 2)

Satu video untuk materi auto layout? Mana cukup! Di sini, mentor akan mempraktikkan cara gabungin dua objek! Juga, mentor akan menjelaskan secara detail mengenai component! Simak keseluruhannya di sini!
Auto Layout & Component (Part 3)

Setelah tahu auto layout dan component proses desain jadi lebih gampang ya! Terus apalagi? Pastinya kamu harus belajar variant! Apa ya gunanya variant? Selain itu, kenapa kita harus menggunakan variant? Pelajari semuanya di sini!

Research & Brainstorming (Part 1)

Waktunya kita belajar brainstorming & research! Di sini, kamu akan diajarkan, cara define product, user persona, competitor analysis, user flow dan information architecture menggunakan Figma! Watch it carefully!
Research & Brainstorming (Part 2)

Sudah diajarin teori di chapter sebelumnya! Sekarang, kamu akan dipraktikkan secara langsung research & brainstorming, dari user flow, user persona, hingga empathy map! Here we go!

Membuat Wireframe (Part 1)

Sudah waktunya nih, selangkah lebih maju! Kita akan membuat wireframe sebuah tampilan aplikasi pemesanan hotel. Apa aja yang dibuat dalam proses wireframe ini ya? Dapatkan semuanya di sini!
Membuat Wireframe (Part 2)

Dalam proses wireframe kamu akan membuat halaman log in dan sign up untuk user! Ini pasti selalu kamu temukan dalam sebuah aplikasi. Tenang aja, enggak susah kok! Selama kamu tetap fokus di chapter ini! Let’s do it!
Membuat Wireframe (Part 3)

Log in? Sudah. Sign up? Juga udah! Terus… apalagi yah! Gimana kalo kamu diajarkan cara membuat halaman home? Hihi! Penting banget loh, agar user selalu kembali ke beranda aplikasi! Langsung klik tombol play!
Membuat Wireframe (Part 4)

Di chapter ini kita akan mendesain tiga bagian penting lain yang harus ada dalam aplikasi. Coba tebak apa aja? Hm, mana aku tau ya jawabannya! Hehe! Pastinya, kamu diajarkan cara buat halaman bookings, website dan profile. Sikat bestie!
Mini Quiz (Belajar Figma untuk UI/UX Mobile Apps)

Dari Wireframe ke UI (Part 1)

Tadi kamu udah buat banyak wireframe, masih inget engga? Hayo… kamu udah buat, log in & sign up, halaman home, bookings, website dan profile! Sekarang, kita pindahkan satu-satu ya ke UI, cari tahu cara transformasinya di sini!
Dari Wireframe ke UI (Part 2)

Eh! Kamu? Iya… kamu. Masih fokuskan? Kalo engga fokus, mending minum air putih dulu deh! Karena kita masih punya beberapa halaman wireframe yang akan dipindahkan ke UI. Sapu bersih materinya!

Prototyping (Part 1)

Ini nih waktu yang ditunggu-tunggu! Di part ini, kamu akan diajarkan cara membuat prototyping secara langsung. Mulai dari pembuatan flow dan interaksi! Play and don’t miss it!
Prototyping (Part 2)

Karena di part sebelumnya, kamu udah berhasil melakukan pembuatan prototyping di tahap flow dan interaksi, sekarang saatnya melanjutkan praktik dalam menambahkan efek animasi! Let’s watch this video

Membuat Projectmu Sendiri

“Kalo udah tau tahapan-tahapan membuat prototyping kenapa engga buat untukmu sendiri?”. Di chapter ini, mentor akan membimbingmu untuk membuat project yang nantinya bisa kamu jadikan portfolio loh! Play and don’t miss it!

Dokumentasi File Figma (Part 1)

Penting gak sih dokumentasi itu? Tentu saja! Dokumentasi file adalah bagaimana designer menyusun, menyimpan, mengarsipkan proses desain di file Figma! Perhatikan baik-baik ya!
Dokumentasi File Figma (Part 2)

Dokumentasi file di Figma nggak cuma menyimpan dan mengarsipkan aja loh! Kamu juga bisa membuat notes khusus untuk user lain. Hmm.. kira-kira gimana ya caranya? Klik aja tombol segitiganya sekarang!

Berkarier sebagai UI/UX

Sudah sampai di penghujung kelas nih! Dalam chapter ini, kamu akan diberikan pengetahuan terkait, tools & skill yang harus dikuasai seorang UI/UX, jenjang karier dan tips & tricksnya loh! Selesaikan rangkaian kelas ini!
Mini Quiz (Belajar Figma untuk UI/UX Mobile Apps)

Akses post-test

Lihat Semua Materi

Skill yang kamu Dapatkan

UI/UX Design, Figma, Design Prototyping, Design Product, User Interface Design, User Experience Design

Apa Yang Berbeda di Kelas.work?

Sistem Belajar

Temukan kebebasan belajar dengan sistem online yang memudahkanmu belajar dimanapun.

Jadwal Belajar

Tidak ada lagi batasan waktu! kamu bebas akses materi kapan pun kamu siap untuk belajar.

Klaim Profesional Sertifikat

Setelah menyelesaikan kelas, kamu akan mendapatkan sertifikat profesional yang diakui industri.

Belajar dari Ahlinya

Kamu akan belajar langsung dengan mentor yang telah memiliki pengalaman profesional di bidangnya.

Mentor

Yoseph Duna

Product Designer at Unicorn E-Commerce Company

Yoseph Duna Product Designer at Unicorn E-Commerce Company

Yoseph Duna menggeluti bidang Product Design dengan spesialisasi dalam UI/UX Designer. Sebelum memutuskan untuk menekuni dunia UI/UX, ia mengawali kariernya di dunia arsitek dan menulis. Bermula dari proses penciptaan desain dan penulisan ide produk inilah, yang membuatnya jatuh ke dalam dunia UI/UX. Karena ketekunan yang ia geluti ini, membawanya untuk berkarier sebagai UI/UX di salah satu perusahaan real estate Australia. Hingga saat ini, dia berhasil memegang posisi sebagai Product Designer di salah satu Unicorn E-Commerce Company Indonesia. Dengan kemampuan mengajar yang easy going, mentor akan membimbingmu untuk belajar Figma, dari proses awal pembuatan desain aplikasi hingga membuat prototype UI/UX Design!

Lihat lebih banyak

Semua Ulasan (88)