Playing With Figma Adobe — Pengenalan Figma (Prologue)
Belajar dan bermain dengan software figma untuk mengenal dan memudahkan untuk membuat ui/ux design dan juga melakukan desain atau illustrasi di figma.
Hallo semuanya, pada kesempatan kali ini saya akan membahas sebuah tools yang biasa digunakan khalayak umum untuk mendesai sebuah user interface, melakukan desain, illustrasi, dan user experience di figma.
Apa Itu Figma?
Figma merupakan sebuah aplikasi berbasis vektor yang biasa digunakan untuk membuat sebuah desain baik website, mobile maupun desain grafis. Selain itu Figma juga digunakan untuk melakukan prototype supaya desain yang kita buat menjadi lebih interaktif dengan cara menambahkan beberapa animasi pada desain yang sudah kita buat.
Aplikasi Figma berbasis web based. Sehingga jika kamu pengguna windows, linux ataupun mac, kamu bisa menggunakan design tool ini. Selain itu figma juga berbasis cloud based yang memungkinkan file kita tersimpan pada cloud dan tidak tersimpan pada komputer kita.
Alat atau tool yang sebanding dengan Figma adalah termasuk Sketch, Adobe XD, Invision, dan Framer. Figma didukung oleh komunitas desainer dan pengembang yang kuat yang berbagi plugin untuk meningkatkan fungsionalitas dan mempercepat alur kerja. Siapa pun dapat berkontribusi dan berbagi. Figma juga digunakan oleh beberapa merek besar termasuk Slack, Twitter, Zoom, Dropbox, Notion, dan Walgreens. Nama-nama itu saja menunjukkan bahwa alat ini cukup kuat untuk memberi daya pada hampir semua proyek.
Keunggulan dari Figma
Salah satu fitur yang paling ditonjolkan oleh Figma adalah kemudahan kolaborasi dengan sesama anggota tim seperti yang sudah disinggung di atas.
Seperti yang dijelaskan oleh Envato Tuts, kelebihan terbesar dari aplikasi yang satu ini adalah memungkinkan kolaborasi langsung dari para desainer secara real time. Jadi, dengan kata lain setiap desainer bisa langsung bekerja dan membuat perubahan pada desain yang sedang dikerjakan secara bersama-sama.
Karena berbasis cloud, maka hasil pekerjaan akan secara langsung tersimpan secara online. Selain itu, berikut ini beberapa fitur unggulan lain dari Figma yang dilansir dari situs resminya:
Kemudahan dalam berkolaborasi
Figma memungkinkan kita untuk berkolaborasi secara mudah, dikarena setiap desainer bisa langsung bekerja dan membuat perubahan pada desain yang sedang dikerjakan secara bersama-sama dan dapat melihat perubahannya secara realtime.
Kemudahanan dalam membuat desain
Fitur desain dari Figma memiliki banyak kelebihan karena dibuat sangat modern. Pengguna akan menemukan modern pen tool yang bisa digunakan untuk menggambar ke segala arah dengan Vector Networks.
Selain itu, kemudahan saat mengatur tata letak juga menjadi fitur unggulan dari aplikasi ini. Bahkan, pengguna juga bisa menentukan plugin yang ingin digunakan misalnya untuk mengatur stok foto hingga ikon.
Kemudahan dalam membuat brainstorming
Figma saat ini memiliki fitur Figjam yang memungkinakan para desainer untuk dapat melakukan brainstorming dengan tim, selain itu figjam ini juga dapaet membuat serangkaian flowchart untuk alur desain aplikasi yang ingin kita buat.
Figjam juga dibekali oelh beberapa fitur unggulan seperti adanya stiker, stamp, voice, sticky note, timer, dan lain-lainnya yang dapat memudahkan kita dan tim kita untuk melakukan workshop ataupun brainstorming untuk ide produk yang akan dibuat.
Membuat prototype
Meskipun kini sudah ada banyak aplikasi untuk membuat desain produk, tapi Figma masih menjadi salah satu yang paling populer. Pasalnya, aplikasi ini memiliki fitur membuat prototype yang cukup canggih.
Figma memungkinkan desainer untuk merancang desain, membuat prototype, membagikannya, hingga menerima feedback secara mudah. Jadi, tidak perlu berganti-ganti tools dalam merancang suatu desain.
Hasil edit pada desain akan langsung muncul dalam prototype yang dibuat. Kemudian, hasilnya pun bisa langsung dibagikan kepada anggota tim lainnya. Orang lain juga bisa memberikan feedback dengan menambahkan komentar di dalam prototype.
Membuat design system
Fitur unggulan selanjutnya dari Figma adalah kemudahan dalam mengatur design systems-nya. Jadi, pengguna akan lebih mudah dalam mencari dan mengakses seluruh aset yang telah dimiliki. Selain itu, fitur ini juga memungkinkan pengguna mengelola siapa saja yang bisa melihat, mengedit, dan berkontribusi ke library penyimpanan aset.
Menariknya, setiap pembaruan yang dilakukan oleh anggota tim juga akan dipublikasikan sehingga lebih mudah untuk melacaknya.
Yuk Mulai Membuat Akun di Figma!
Untuk menggunakan tool ini, Kamu cukup membuka Figma.com
Lalu melakukan registrasi. Registrasi bisa dilakukan dengan langsung menggunakan akun google kita.
Dan kamu siap untuk menggunakan nya
Mari Kita PDKT Fitur-Fitur Figma!
Pertama-tama sebelum kita menggunakan figma lebih jauh, alangkah lebih baiknya kita pdkt terlebih dahulu nih sama fitur yang ada di figma supaya memudahkan kita untuk menggunakan aplikasi figma ini.
Pada halaman awal saya akan membagi menjadi beberapa layout yang terdiri dari:
Layout sebelah kiri (Berwarna Merah)
Pada layout ini berisikan username figma, email figma yang kita gunakan, file yang baru saja dibuka, file yang berada di folder draf, community yang digunakan untuk menginstall bebrapa plugins dan menduplicate desain UI kits yanf sudah ada, button untuk melakukan upgrade price list, folder teams yang dimana untuk plans free hanya dapat membuat sebanyak 3 folder, dan yang terakhir adalah call to action untuk menambahkan folder teams yang baru.
Layout di tengah (Berwarna Biru)
Layout ini digunakan untuk menampilkan halaman menu yang tersedia pada layout sebelah kiri yang sudah dijelaskan sebelumnya. Selain itu diatas terdapat search field yang digunakan untuk memudahkan kita mencari nama file atau folder tanpa harus melakukan scroll sampai menemukan file yang kita inginkan.
Layout sebelah kanan (Berwarna Hijau)
Layout terakhir digunakan untuk memilih ingin membuat file desain atau figjam, jika ingin memilih file desain makan tinggal memilih yang design file, begitupun sebaliknya. Dibawahnya terdapat template yang disediakan oelh figma, suapaya kita dapat mempersingkat waktu tanpa harus melakukan desain dari awal.
Kesimpulan & Penutup
Jadi, bisa disimpulkan bahwa Figma adalah salah satu aplikasi yang perlu dikuasai oleh desainer karena dapat memudahkan pekerjaannya dalam membuat desain produk.
Sekian untuk Pengenalan Figma (Prologue) untuk playing with figma adobe, bagian selanjutnya kita akan bermain dan pdkt kembali untuk Membuat Desain di Figma Menggunakan Auto Layout. Stay tune untuk kelanjutan dari tutorial pengenalan figma.
Link Website: My Personal Website
List Chapter Playing With Figma Adobe
Chapter 1 — Introduction Figma Adobe
- Prologue — Playing With Figma Adobe — Pengenalan Figma
- Act 1 — Playing With Figma Adobe — Cara Membuat Desain di Figma Menggunakan Auto Layout
