✏️ Langkah-Langkah Membuat Desain Web di Figma
Berikut adalah langkah-langkah umum yang aku lakukan saat membuat desain web:
1. Membuat Frame (Ukuran Halaman)
Aku memulai dengan membuat frame berukuran Desktop (1440px) agar sesuai dengan tampilan web. Frame ini akan menjadi "kanvas" tempat semua elemen UI ditaruh.
2. Menyusun Struktur Layout
Aku membuat struktur layout seperti:
-
Header (logo dan menu)
-
Hero section (judul besar & ilustrasi)
-
Konten utama (fitur atau informasi)
-
Footer (copyright, social media)
Struktur ini membantu pengguna mudah menavigasi halaman dan memberikan pengalaman yang nyaman.
3. Menambahkan Komponen UI
Setelah layout siap, aku mulai menambahkan elemen seperti:
-
Button dengan corner radius lembut
-
Kolom teks dan heading
-
Ikon dan ilustrasi
Aku juga mulai memilih warna dan font yang konsisten agar desain terlihat profesional dan harmonis.
4. Menyusun Grid dan Spasi
Figma memudahkanku membuat layout yang rapi dengan sistem grid dan auto layout, jadi semua elemen tersusun konsisten tanpa harus seret-seret manual.
0 Komentar