FIGMA DESAIN
Figma adalah aplikasi desain berbasis web yang digunakan untuk membuat desain antarmuka pengguna (UI) dan antarmuka pengalaman pengguna (UX) untuk aplikasi web dan seluler. Figma adalah alat kolaboratif yang memungkinkan tim desainer untuk bekerja bersama secara real time di satu dokumen.
1. Membuat Web Desain
Berikut adalah pembagian materi Figma untuk tutorial video:
Level Basic
Video 1: Pendahuluan tentang Figma
Apa itu Figma?
Fitur-fitur utama Figma
Manfaat menggunakan Figma
Video 2: Membuat akun Figma
Cara membuat akun Figma
Jenis akun Figma
Tips membuat akun Figma yang aman
Video 3: Membuat file baru
Cara membuat file baru di Figma
Menyimpan dan membuka file
Tips membuat file baru yang terorganisir
Video 4: Mengenal antarmuka Figma
Toolbar Figma
Panel Figma
Canvas Figma
Video 5: Menggunakan alat-alat dasar Figma
Alat seleksi
Alat teks
Alat gambar
Level Middle
Video 1: Menggunakan komponen
Apa itu komponen?
Cara membuat dan menggunakan komponen
Tips menggunakan komponen secara efektif
Video 2: Menggunakan style
Apa itu style?
Cara membuat dan menggunakan style
Tips menggunakan style secara efektif
Video 3: Membuat layout
Dasar-dasar layout design
Menggunakan grid dan constraint di Figma
Tips membuat layout yang responsif
Video 4: Membuat prototipe
Apa itu prototyping?
Cara membuat prototipe di Figma
Tips membuat prototipe yang interaktif
Video 5: Berkolaborasi di Figma
Cara berbagi file Figma dengan orang lain
Cara berkolaborasi di file Figma
Tips berkolaborasi di Figma secara efektif
Level Advanced
Video 1: Menggunakan kode di Figma
Dasar-dasar HTML dan CSS
Menggunakan kode untuk menyesuaikan desain di Figma
Tips menggunakan kode di Figma secara efektif
Video 2: Membuat plugin Figma
Apa itu plugin Figma?
Cara membuat plugin Figma
Tips membuat plugin Figma yang bermanfaat
Video 3: Menggunakan libraries Figma
Apa itu libraries Figma?
Cara membuat dan menggunakan library Figma
Tips menggunakan library Figma secara efektif
Video 4: Mengelola file Figma yang besar
Tips mengelola file Figma yang besar dan kompleks
Cara mengatasi masalah yang sering terjadi di file Figma yang besar
Tips menjaga keamanan file Figma
Video 5: Mengaudit dan menganalisis desain
Cara mengaudit desain di Figma
Cara menganalisis desain di Figma
Tips mengaudit dan menganalisis desain secara efektif