UI Design · January 16, 2022

Desain NAVBAR Web Company Profile dengan Figma #3

image_pdf

Setelah Mindmap dan asset sudah sisap sekarang kita langsung saja login ke https://www.figma.com/ setelah itu Import resource yang sudah siap, setelah itu ikuti langkah dibawah ini :

Setting grid terlebih dahulu menjadi 12 kolom, caranya dengan cara klik Layout Grid, setelah itu ubah menjadi 12 Column seperti gambar dibawah ini :

Seteah itu, Klik icon Frame lalu klik Dekstop dan isi propertynya seperti gambar berikut :

Setelah itu kita akan membuat Navbar, dengan cara klik Icon Rectangle lalu drag ke canvas seperti gambar berikut :

Setelah itu tambahkan Logo dan isi navbar lainnya yang ada pada asset sebelumnya, setting seperti dibawah ini :