Metode Pelatihan : Webinar 

Durasi : 15 jam [900 menit]

Lokasi : LMS AyoBelajar

Pelatihan ini hadir untuk meningkatkan kompetensi dan kemampuan dalam mengembangkan interface website/aplikasi terutama bagi seorang desainer UI/UX. Melalui pelatihan ini peserta akan diberikan pemahaman mendalam tentang prinsip-prinsip desain interface yang efektif dan memungkinkan peserta untuk mengembangkan keterampilan dalam menciptakan pengalaman pengguna yang menarik dan intuitif. Peserta akan dibimbing dalam membuat desain interface yang responsif, serta menggunakan alat dan teknik desain UI terkini salah satunya Figma. 

Tujuan pelatihan ini adalah agar para peserta mampu mengembangkan interface yang menarik dan juga responsif menggunakan Figma.

Dalam pelatihan ini, para peserta akan mempelajari berbagai aspek mulai dari perkenalan UI, mengenal tools Figma, hingga menghasilkan prototype yang interaktif. 

Materi Pelatihan 

1. Perbedaan UI dan UX
2. Wireframe, Mockup, dan Prototype
3. Tampilan dan tools Figma
4. Membuat Frame
5. Menambahkan objek (gambar/video, shape)
6. Masking
7. Layer dan stroke properties
8. Membuat sketsa dan vektor
9. Teks
10. Ikon dan komponen
11. Menambahkan prototype

Tujuan Umum

Peserta mampu merancang desain website menggunakan Figma dengan menunjukkan minimal 80 persen penguasaan materi pada saat praktik mandiri 

Tujuan Khusus

1. Mampu menggunakan area kerja dan tools Figma
2. Mampu menambah frame dan gambar serta mengelola komposisi gambar pada Figma
3. Mampu mengedit teks, membuat sketsa dan ikon pada Figma
4. Mampu menghasilkan interface yang interaktif
5. Mampu membuat interface dengan Figma

Sasaran Pembelajaran

Sasaran Kelompok Peserta

1. Memiliki gadget (Komputer / Laptop / Tablet / Smartphone)
2. Memiliki koneksi internet 
3. Memiliki aplikasi zoom (HP dan Laptop)
4. Pendidikan minimal lulusan SMA/SMK atau sederajat

1. 1. 1. Dasar-dasar UI Design
      2. Operasi dasar Figma
      3. Penggunaan fitur dan tools figma
      4. Mengenal Wireframe, Mockup, dan Prototype

Aspek Keterampilan (Skill)

1. Mengoperasikan tool pada Figma
2. Membuat desain interface dengan menggunakan frame, tool text dan shape pada Figma 
3. Menerapkan prototype pada desain interface
4. Membuat interface yang menarik

Aspek Sikap (Attitude)

1. Rapi dan Detail dalam bekerja
2. Cermat dan teliti dalam membuat desain UI

Alat Peraga untuk Materi Pelatihan 

1. Komputer / Laptop
2. Alat komunikasi (Handphone)
3. Aplikasi zoom untuk webinar
4. LMS Ayobelajar