Belajar Figma untuk UI/UX Mobile Apps

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!

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!

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! 

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!

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!

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!

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!

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!

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!

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!

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! 

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!

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!

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!

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!

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!

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!

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!

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!

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!

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!

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!

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!

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

“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! 

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 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!

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!