MEMBUAT UI LOGIN DENGAN FIGMA

 Membuat Design Menggunakan Figma



- Halaman Awal

sebelum kita membuat tampilan login, kita akan membuat halaman awal terlebih dahulu. untuk membuat tampilan awal kalian memerlukan objek LOGIN dan DAFTAR.


masukan layers halaman awal dan atur sesuka hati kalian.



jika sudah, tampilannya akan seperti ini, untuk gambar dan judul bisa bebas kalian ganti.


- Tampilan Login

setelah membuat tampilan awal, sekarang kita membuat tampilan login. 



seperti cara sebelumnya, masukan layer dan atur sesuka hati kalian.



disini, kita menggunakan 2 RECTANGEL yang masing-masing berisi USERNAME dan PASSWORD.


- TAMPILAN DAFTAR

langkah selanjutanya, kita akan membuat tampilan daftar.



lakukan cara yang sama, masukan layers dan atur sesuka hati kalian



berbeda dengan yang sebelumnya, kini kita menggunakan 4 RECTANGEL yang masing-masing berisi number, email, password dan re-password.


setelah kalian melakukan semua cara tersebut, maka tampilannya akan seperti ini. 












Komentar