Catatan Dasar-dasar Menggunakan Figma

Intro

• Terima kasih kepada Niagara Hoster sebagai sponsor video.
• Niagara Hoster: Penyedia layanan hosting terbaik di Indonesia.
• Gunakan kode kupon Koko Aldi untuk potongan 10% dan bonus file adobo.

Tentang Figma

• Figma adalah software untuk desain UI/UX.
• Versi web app, dapat diakses di browser (Mac OS, Windows, Linux).
• Fitur kolaborasi: bisa diedit secara bersamaan seperti Google Docs.
• Memungkinkan berbagi file untuk komentar langsung.

Mendaftar dan Memulai

• Buka website: figma.com
• Sign up atau log in untuk yang sudah punya akun.
• Terdapat versi gratis yang cukup untuk digunakan.

Tampilan Awal Figma

• Canvas/Workspace: Area kerja untuk desain.
• Toolbar: Alat untuk menggerakkan dan mengedit objek.
• Property Panel: Menampilkan properti objek yang dipilih.

Membuat Proyek Baru

• Klik New File untuk membuat file baru.
• Pilih Frame untuk membuat artboard.
• Layer dan Asset: Panel sebelah kiri untuk mengatur objek.

Mengedit Frame

• Pengaturan posisi, background, stroke, grid, opacity, dan efek.
• Export untuk menyimpan objek atau frame.

Membuat Komponen

• Membuat button dengan rounded corners.
• Menyimpan warna dan font style sebagai guideline.
• Edit master dan instance komponen.

Tool Penting di Figma

1. Masking: Menggunakan shape sebagai mask untuk gambar.
2. Ruler: Menggunakan Shift + R untuk mengeluarkan penggaris.
3. Edit gambar: Langsung edit gambar di Figma.
4. Repeat Grid: Menggunakan Ctrl+D untuk menduplikasi objek.

Navigasi antar Halaman

• Menghubungkan screens untuk navigasi yang interaktif.
• Menggunakan auto type untuk navigasi antar halaman.

Kolaborasi dan Sharing

• Mengundang teman untuk mengedit file yang sama.
• Developer handoff: Berbagi file dengan akses view untuk developer.

Komentar dan Feedback

• Memberikan dan menerima feedback langsung di file desain.

Plugin

• Banyak plugin tersedia untuk meningkatkan fungsi Figma.
• Cara mencari dan menginstal plugin.

Penutup

• Jika ada pertanyaan, tulis di kolom komentar.
• Minta request tutorial lain. Follow di Instagram Koko Ahadi untuk tips desain.
• Subscribe untuk video selanjutnya.