Membuat User Interface di Figma

Membuat User Interface di Figma 

Hi semuanya!! Hari ini kita akan belajar untuk membuat user interface di Figma. Sebelum nya kalian sudah tau belum nih apa itu Figma??

Jadi, Figma adalah aplikasi berbasis web untuk mendesain UI dan UX yang dapat digunakan untuk membuat aplikasi, web, serta berbagai komponen user inerterface yang dapat digabungkan ke dalam projek lainnya. Selain itu figma adalah aplikasi untuk para desainer untuk bisa membuat projek secara bersama-sama. Figma memiliki beberapa tools yang memudahkan desainer untuk mendesain.

Berikut cara mendesain UI login untuk pemula.

• Menentukan Frame

pilih New New design file (Design and prototype). lalu pilih bagian Region Tools, lalu Frame. dan anda bisa pilih sesuai dengan apa yang akan teman-teman buat pada projek tersebut. 

• Membuat cover tampilan login

Hal yang di perlukan dalam membuat tampilan halaman awal adalah:

1.  Kata selamat datang. kita bisa menggunakan Fitur teks pada tools yang berada di kiri atas dangan logo T, dan kita bisa menyesuaikan jenis font, ukuran, dan warnanya sesuai keinginan pada Bar Desain.

2. Membuat tombol. Agar tampilan login menjadi menarik dengan menggunakan tools Shape, lalu klik Rectangle dan bisa sesuaikan ukuran user

3. Untuk menambahkan gambar pada layar user bisa menggunakan tools Shape tools, pilih bagian Place Image. Atau bisa menggunakan Ctrl + Shift + K. lalu pilih gambar yang akan di upload 

kecilkan gambar sesuai dengan keingian dan tempat yang ingin ditempatkan.

Selesai untuk bagian desain tampilan Login.