CARA MEMBUAT LOGIN SCREEN DI FIGMA

MEMBUAT LOGIN SCREEN AGAR MENARIK DI FIGMA



Apa itu FIGMA?
Figma adalah aplikasi desain berbasis cloud dan alat prototyping untuk project digital. Figma dapat membantu para penggunanya berkolaborasi dalam suatu project atau pekerjaan dengan banyak pengguna secara real-time dan di mana saja. Tool ini berbasi vector, sehingga lebih cocok untuk mendesain UI website dan ilustrasi.

Berikut cara mendesain UI login screen agar menarik :

1. Pertama, Buat lah tampilan Home Screen seperti yang biasanya ada pada aplikasi saat baru masuk ke aplikasi. Kalian bisa mendesain sesuka hati kalian dan terlihat menarik.




2. Kemudian, kalian bisa membuat frame baru untuk membuat tampilan Sign Up. Buat lah 4 box yang masing masing box berisi Username, Email, Password, dan Re-Password, gunanaya untuk memasukan data pengguna yang ingin mendaftar.



3. Lalu, kalian buat frame baru untuk tampilan Login, gunanya adalah bagi pengguna yang sudah pernah mendaftar, maka mereka hanya perlu memasukan Username/Email dan Password saja. Desain semenarik mungkin.




4. Pilih Prototype yang berada di atas kanan untuk membuat perpindahan saat mengKlik box di layer.




5. Setelah itu, pilih box yang ingin dibuat prototype, lalu klik tanda + di sebelah interactions.




6. Pilih Tap dibawah insteractions, lalu pilih None dan pilih Navigate to.




7. Klik None lagi dan pilih ingin pindah ke layer mana yang ingin di buat perpindahan.



Lakukan lagi ke box yang kalian ingin kalian buat perpindahan. Setelah itu, kalian tinggal jalankan Prototype yang telah kalian buat.

Jika masih bingung, bisa klik link dibawah :




THANK YOU

















Komentar