Course Description
Desain UI/UX dengan Figma dirancang untuk memberikan pemahaman mendalam mengenai dasar-dasar desain antarmuka (User Interface) dan pengalaman pengguna (User Experience). Peserta akan belajar mulai dari pengenalan Figma, dasar-dasar desain digital, pembuatan wireframe, hingga membuat prototipe interaktif. Dengan pendekatan praktik langsung dan kolaboratif, kursus ini akan membekali peserta dengan keterampilan yang dibutuhkan untuk merancang aplikasi dan website modern secara profesional.
Modul Pembelajaran
Bagian 1 – Pengenalan Figma & UI/UX
Apa itu UI/UX dan perbedaannya
Mengenal Figma: fitur, kelebihan, dan kegunaan
Membuat akun & memahami workspace Figma
Navigasi dasar: frame, artboard, dan panel tools
Bagian 2 – Dasar Desain di Figma
Menggunakan shape, line, dan text
Warna, typography, dan grid system
Layer, group, dan alignment
Komponen & asset dasar
Bagian 3 – Wireframing
Konsep wireframe (low-fidelity vs high-fidelity)
Membuat layout dasar aplikasi/website
Menggunakan grid & auto-layout
Wireframe project sederhana
Bagian 4 – UI Design (Visual Design)
Membuat style guide (warna, font, button, input field)
Membuat komponen reusable (button, navbar, card, dsb.)
Desain halaman aplikasi/website (home, login, dsb.)
Menggunakan plugin Figma (icon, ilustrasi, image filler)
Bagian 5 – Prototyping
Membuat koneksi antar halaman (prototype)
Menambahkan interaksi (click, hover, transition)
Membuat animasi sederhana di prototype
Preview & testing prototype
Bagian 6 – Kolaborasi & Handoff
Fitur kolaborasi real-time di Figma
Komentar & feedback desain
Handoff ke developer (CSS, inspect, export assets)
Integrasi dengan tools lain (Slack, Notion, dsb.)
Bagian 7 – Mini Project
Mendesain UI aplikasi mobile sederhana (misalnya aplikasi to-do list atau e-wallet)
Bagian 8 – Final Project
🔹 Mengerjakan Desain UI/UX Aplikasi Mobile atau Website lengkap dengan wireframe, style guide, UI design, dan prototype interaktif.
