Silabus Figma Master Class (3 Hari, 09:00 – 16:00, Istirahat 12:00 – 13:00)
Hari 1: Dasar-Dasar Figma & Desain UI
09:00 – 10:30 → Pengenalan Figma
- Apa itu Figma? Keunggulan dibanding software lain
- Navigasi antarmuka Figma
- Membuat akun dan memahami workspace
10:30 – 12:00 → Desain UI Dasar
- Frame, artboard, dan grid system
- Menggunakan shape, text, dan warna
- Layout dasar dalam desain UI
12:00 – 13:00 → Istirahat
13:00 – 14:30 → Komponen dan Auto Layout
- Pembuatan button, card, dan icon set
- Auto Layout untuk desain yang responsif
- Best practice dalam desain UI
14:30 – 16:00 → Praktik: Mendesain Landing Page Sederhana
- Menyusun wireframe
- Memasukkan elemen UI
- Membuat variasi desain
Hari 2: Prototyping & Komponen Lanjutan
09:00 – 10:30 → Prototyping Dasar
- Menambahkan interaksi antar halaman
- Transisi dan animasi dasar
- Simulasi user flow
10:30 – 12:00 → Komponen Lanjutan & Variants
- Pembuatan dan pengelolaan components
- Variants untuk states (hover, active, disabled)
- Implementasi Design System
12:00 – 13:00 → Istirahat
13:00 – 14:30 → Auto Layout & Responsiveness
- Desain UI untuk berbagai ukuran layar
- Constraints & resizing
- Memanfaatkan plugins untuk efisiensi
14:30 – 16:00 → Praktik: Membuat Prototype Aplikasi Mobile
- Desain UI mobile
- Menambahkan animasi interaktif
- Testing dan revisi
Hari 3: Design System & Kolaborasi Tim
09:00 – 10:30 → Membangun Design System di Figma
- Struktur Design System
- Library komponen & token warna
- Dokumentasi Design System
10:30 – 12:00 → Kolaborasi Tim di Figma
- Sharing file & comment system
- Versioning & history tracking
- Workflows dengan developer (inspect, export assets)
12:00 – 13:00 → Istirahat
13:00 – 14:30 → Praktik: Membangun Dashboard UI dengan Design System
- Menggunakan component library
- Mengatur skala dan fleksibilitas desain
- Validasi desain dengan user
14:30 – 16:00 → Presentasi & Review Karya
- Presentasi hasil proyek
- Review dan feedback
- Diskusi strategi pengembangan lanjutan
