Tutorial Design Menggunakan Figma #1
Oke, langsung aja kali ini kita akan memberikan tutorial desain menggunakan Figma. InsyaAllah tutorial kali ini akan berlanjut beberapa artikel. Sebelum mulai desain, kita kenalan dulu yuk sama Figma. Tahukah teman-teman apa itu Figma ?
Figma adalah salah satu design tool yang web based. Jadi, jika kamu pake Windows, Linux maupun Mac. Kamu tetap bisa menggunakan tool ini. Dan biasanya Figma dipakai oleh seorang UI/UX Designer untuk membuat Prototype! Hayooolo istilah apa lagi ini :v
Beberapa keunggulan dari Figma diantaranya adalah :
- OpenSource alias Gratis. Jadi bisa digunakan sebagai alternatif pengganti software Sketch maupun XD yang berbayar.
- Berbasis Web
- Bisa di unduh di dekstop
- Bisa untuk membuat UI & Prototyping bukan hanya desain
- Bisa melakukan collaborating/kerja tim
Untuk menggunakan tool ini, kamu cukup buka Figma.com di browser kamu.
Lalu, silahkan melakukan registrasi/pendaftaran
Omedetou! Kamu siap menggunakan design tool ini
Fitur-fitur dari Figma
Penjelasan dari kiri ke kanan :
- Icon Hamburger untuk memilih menu
- Select tool untuk memlih
- Artboard tool tersedia 2 pilihan yaitu Frame untuk membuat artboard dan Slice untuk melakukan slicing
- Reactangle Section untuk membuat bentuk geometris
- Pen Tool untuk menggambar bentuk bebas
- Type Tool untuk membuat teks
- Chat Icon untuk memberikan komentar pada desain
- Share Button untuk membagikan desain atau prototype dengan orang lain
- Play Button untuk melihat pratinjau dari desain atau prototype yang kita sedang buat
- Eye Icon untuk melihat hasil desain orang lain yang mereka bagikan di Figma
Diatas adalah pilihan artboard yang disediakan oleh Figma ketika kita mengklik Frame. Kamu bisa juga membuat ukuran artboard sendiri.
Jadi, gimana nih udah kenal kan sama Figma? Yuk mulai untuk mendesain dari hal-hal yang sederhana. Semoga Bermanfaat! Tungguin artikel selanjut nya ya, terima kasih :)





Posting Komentar untuk "Tutorial Design Menggunakan Figma #1"
Posting Komentar