Assalamualaikum Wr Wb semangat pagi para designer jadi kali ini kita akan belajar sebelumnya kita sudah mengetahui apa yang dimaksud dengan UI dan apa yang dimaksud dengan UX, jadi untuk mengaplikasikannya kita akan mendesain sebuah aplikasi yang memenuhi UI dan UX Design kita akan menggunakan namanya Figma apa itu Figma? jadi Figma ini adalah aplikasi desain berbasis cloud dan alat prototyping untuk project digital ya Jadi Figma ini aplikasi desain UI dan UX ya yang dapat digunakan untuk membuat situs web atau aplikasi atau komponen antarmuka pengguna yang lebih kecil yang dapat diinternet interagasikan nanti ke dalam proyek yang lain ya Oke jadi eh Vicko ini bisa dibilang juga tool yang solid dengan paket yang tersedia yang bisa digunain sama siapa aja ya yang bekerja di ruang digital enggak harus dia eh harus misalnya yang berkecimpung di atau yang kuliah jurusan komputer karena kayak gitu tetapi siapa aja yang bekerja di uang digital dan yang paling sering digunakan oleh orang-orang yang nantinya bekerja dalam tim misalnya ini ada buat aplikasi aplikasi sebuah rumah makan misalnya itu misalnya ada beberapa orang jadi dia bisa untuk bekerja dalam tim yang nantinya lebih kolaboratif dan aktif jadi misalnya nanti para desainer dan penggunanya ya dalam memasarkan produk atau design mereka kepada klien jadi bisa kita lihat tanpa nanti perlu di perlu di ekspor maupun di seperti itu ya jadi tool yang sebanding dengan figma ini kayak sketch atau adopt xd atau envision dan drama dan lain lainnya Hai kemudian Figma ini dia mempunyai versi web ya ini dia saya udah buka sebuah browser jadi maksudnya mempunyai versi web app itu kita bisa membuka Figma di browser kita ya di stigma.com Oke tapi kalau misalnya kalian ingin menginstalnya kalian bisa di bisa di produk kemudian ke download ya kalau mau di mau versi punya versi desktopnya maksud saya ya oke sekarang jika kalian ingin ini pertama kalinya menggunakan figma atau belum mempunyai akun figma kalian bisa mengklik sign up tapi kalau misalnya kalian sudah mempunyai akun figma kalian bisa klik login ya disini saya klik sign up karena kita sama-sama belum pernah mendaftar figma ya oke disini katanya bisa masuk akun oke kita ya misalnya ya saya masukkan akun saya oke oke misalnya ya ini ya saya kemudian kita masukkan sebuah email dan sebuah eh Hai passwordnya pun enggak klip atau Hai Oke di sini saya never aja katanya namanya nama kita ya kemudian what kind of work you do do you do misalnya saya bikin disini desain aja ya Hai ini for personal use aja oke kita eh I agree kemudian create account Oke jika singapnya sudah berhasil kita bisa login ya untuk akan kita tambah kemudian passwordnya jangan lupa hai hai login oke setelah kita berhasil login login ya, maka ini adalah tampilan awal dari Figma kita ya, jadi disini ada beberapa projek jadi ini proyek ini bisa kita buka dan untuk kita bisa balati disini untuk mengetahui cara kerja dari Figma kemudian disini ada namanya Create New Team ini jika kalian membutuhkan untuk bekerja dengan tim, kalian bisa membuat nama timnya kemudian nanti kalian bisa meng-invite teman atau tim kalian tapi sementara kita tidak gunakan tim kemudian kita akan ada namanya nomor Hai new design file ya kita klik ngedesign file Hai ke maka akan muncul eh seperti ini ya oke jadi disini yang layar besar ini ini adalah area kerja yang nantinya biasa disebut dengan work space atau canvas kita dan disini nanti saya akan mengenalkan beberapa yang harus kita ketahui dari kerja dari Figma ini ya jadi tadi sudah tahu ya, ini namanya area kerja atau workspace atau canvas kemudian ini namanya toolbar sini ada file ada edit ini nanti kita bisa mengetahui seiring berjalannya waktu semakin kita sering menggunakan maka kita semakin paham fungsinya kemudian disini ada namanya MOV sama scale ya ini shortcutnya huruf V sama K jadi move ini untuk memindahkan atau menggerakkan objek atau item kemudian skill ini untuk memperkecil yang lebih besar ini mungkin udah biasa juga ya kalau kita sudah pernah bekerja di Adobe Photoshop Adobe atau Adobe Illustrator kemudian disini ada namanya frame jadi frame ini kalau misalnya di Adobe Illustrator itu seperti artboardnya ya seperti artboardnya ini ini frame kemudian ada slice ya kemudian disini nanti ada eh save ya save ini ada berbentuk single atau lain atau roll atau lips ya atau polygon atau Star ini ada beberapa ini bisa untuk gambar ya kemudian ini untuk kisahnya kita mau menggambar manual ya seperti pen atau pensil ya seperti itu ini mungkin juga udah ngasih, kemudian ini text dan ini saya kecelet untuk drag ya untuk men-dragnya ini dia komen komen jadi yang saya bilang tadi jika kita bekerja dengan tim, misalnya nih ada sebuah lingkaran nantinya, warnanya sama pengguna kita mungkin merasa terlalu gelap, jadi di komen tuh sama si user... atau klien kita tolong dong desainer warnanya agak lebih terang kita bisa menggunakan komen nanti ya kemudian ini ada disini nama lembar kerja kita nama dokumen kita ini misalnya interface penganalan interface misalnya ya oke kemudian disini ini adalah avatar kita ya sini Richie you yang melihat kemudian share ini juga ini bisa kita share ke teman kita atau ke tim kita ya di sini nanti kita bisa lihat nama emailnya kita bisa mengundang dia untuk masuk ke area kerja kita seperti itu ya dan ini untuk presentnya ini untuk zoomnya ini design ini disebut dengan layer panel eh property panel maksud saya jadi property panel nanti disini akan berubah sesuai dengan item atau objek yang aktif ya ini juga kita bisa lihat oke, disini adalah layar panel ya coba kita lihat, kita buat untuk frame, sebuah frame baru ya, ini kita klik frame kemudian kita misalnya Hai pilih iPhone Hai at Android bisa ya ini dia jadi ketika kita klik frame maka dia akan muncul properti penol tentang frame ya tentang filmnya rata retengahnya misalnya dia untuk letaknya posisinya misalnya atau bisa ditambahkan layout disini juga ada kemudian atau ditambahkan klik ya ini juga ada ini bisa kita ganti sesuai dengan keinginan kita seperti itu kemudian kalau tidak mau bisa dihilangkan disini juga ada layer, ini fill ini warna backgroundnya bisa kita ganti sesuai dengan yang kita inginkan diganti seperti ini jadi property panel ini berubah dengan sesuai yang aktif misalnya saya klik kita buat nih misalnya pen misalnya kayak gini kita mau bikin daun misalnya tadi Hai Don kita sudah Hai ya ini kurangnya Hai hamsal ini kita dia akan propertinya juga menyesuaikan dari eh hai hai objek atau item yang sedang aktif yang sedang aktifkan ini gambar ini ya yang baga berbentuk ini maka disini properti panelnya juga berubah seperti itu maksud saya oke bisa kita ganti warna nanti ini sering waktu kita coba desain ya sesuatu yang memenuhi UI dan Hai Oke kemudian disini ada namanya layer ya atau layer panel jadi ini Android 1 ini Adboard Android 1 ada namanya Factor menurut misalnya kita buat di sini Hai seperti ini Hai semakin melengkung ya kita buat lengkungnya seperti itu tadi ada rectangle di layer panelnya seperti itu ya hai oke mungkin sampai di sini dulu mengenai eh hai hai interface ya pengenalan interface dari figma nanti untuk materi berikutnya kita akan mencoba ya menggunakan atau mendesain sebuah desain aplikasi di figma semangat pagi para desainer assalamualaikum warahmatullahi wabarakatuh semangat pagi