Materi 5: Desain menggunakan Figma

Figma adalah alat desain yang memungkinkan kolaborasi real-time dalam proses desain antarmuka pengguna.

Auto Layout: Gunakan fitur ini untuk membuat elemen menjadi responsif. Elemen akan menyesuaikan ukuran secara otomatis saat konten berubah, sehingga sangat menghemat waktu saat menyusun komponen.
Component dan Style: Lakukan standarisasi pada elemen yang berulang seperti warna (Color Styles), teks (Typography), dan komponen tombol (Component). Hal ini memastikan konsistensi visual di seluruh halaman.
User Flow dan Prototipe: Rancang alur navigasi dari awal hingga akhir dan manfaatkan fitur Prototype untuk menghubungkan antar layar. Pastikan transisi dan animasi sesuai dengan pengalaman pengguna yang sebenarnya.
Konsistensi Spasi dan Grid: Tentukan aturan jarak (padding/margin) dan grid layout (seperti 8-point grid) agar tata letak desain Anda presisi, rapi, dan mudah diaplikasikan oleh developer.
Developer Handoff: Pastikan struktur layer dinamai dengan jelas, terkelompok, dan tata letak tidak berantakan sebelum dibagikan. Ini sangat memudahkan proses konversi desain menjadi kode pemrograman.