Membuat Desain Di Figma

 Assalamualaikum Wr.Wb.

Halo semuanya disini saya akan membuat tutorial cara membuat desain lewat aplikasi figma ya

 Membuat Desain Figma

berikut inilah totorialnya:

1. Buka chrome lalu search figma.com dan linknya https://www.figma.com/ lalu registrasi ke akun kalian 

2. Jika sudah masuk maka tampilan figma akan seperti dibawah ini lalu kita bisa klik "New design file" untuk membuat

3. Klik icon frame di pojok kiri atas

4. Lalu pilih "Iphone 11 pro max 

5. Tampilan nya akan seperti dibawah ini setelah itu lalu kita klik "Retangle" untuk menambahkan kotak selanjutnya

6. Setelah itu tampilannya akan seperti ini

7. Setelah itu, masukkan tulisan dengan memencet icon "T" disebelah kiri atas lalu sesuaikan dengan isi framenya seperti "Sign Up Form"

8. Lalu ditambahkan kata kata seperti dibawah ini

9. Klik icon bold untuk teks "Sign Up Form" dan teks dibawahnya bisa disesuaikan ukurannya juga

10. Setelah itu, kita buat kotak dengan menekan icon "Retangle" diatas

11. Dari Retangle yg ada 3 itu kita bisa ubah warnanya bebas contoh dibawah ini

12. Lalu jika teks ingin diganti dari nama menjadi "from-group" submit menjadi "btn-primary" cara ganti nya dengan klik kanan lalu pilih group selection

13. Jika ingin mengubah teks diatas bisa dengan klik kanan atas tengah

14. Setelah itu, kita bisa ganti warnanya juga 

15. Warna background juga bisa diganti seperti dibawah ini

16. Dan warnanya latar belakang Iphone promax juga diganti dengan klik fill

17. Untuk warna di beberapa Retangle kita juga bisa pilih warna bebas 

18. Setelah itu, kita klik "Text" lalu tambahkan teks enter your name, enter your email

19. Setelah itu kita copy biar jadi 2 

20. Lalu kita pilih "T" menambahkan teksnya seperti dibawah ini

21. Klik Prototype

untuk melakukan interaksi antara frame 1 dan 2 lalu klik segitiga untuk test apakah bisa berinteraksi atau tidak 

22. Setelah klik segitiga akan muncul seperti dibawah ini lalu kita klik "Submit" untuk interaksi ke frame 2

23. Jika tanda submit nya bisa diklik tandanya berhasil masuk ke frame 2 seperti dibawah ini

Sekian dari saya Wassalamualaikum Wr. Wb.