Figma : tools desain melalui website

Figma adalah tools desain berupa website yang dapat digunakan dengan cara akses melalui internet.

Jika sedang mencari tools untuk desain aplikasi dan ingin mengerjakan bersama tim, maka salah satu caranya bisa menggunakan Figma.

Figma bisa digunakan pada desktop kalian berbasis Windows atau macOS.

Figma berfokus pada fitur desain terkait UI dan UX, biasa kita sebut User Interface dan User Experience.

Artinya, Figma berfokus pada desain tampilan aplikasi dan pengalaman pengguna di aplikasi yang didesain.

Pada fungsinya Figma sendiri sangat mirip seperti tools Sketch dan Adobe XD.

Perbedaannya terdapat pada fitur yang diberikan.

Figma menghadirkan fitur kerja kolaboratif.

Artinya, kalian bisa bekerja secara tim di halaman kerja Figma secara online.

Apa itu Figma?

Figma adalah software, aplikasi, atau tools yang bisa digunakan dalam mendesain sebuah aplikasi.

Figma berfungsi untuk kalian yang mendalami bidang UI/UX. Figma sendiri didirikan pada tahun 2012 dan tools ini berbasis cloud.

Tools ini memungkinkan penggunanya untuk bekerja mendesain tampilan sebuah aplikasi secara kolaboratif pada waktu yang real-time. Kalian bisa bekerja bersama tim atau orang lain dengan menggunakan Figma.

Dikabarkan bahwa Adobe mengakuisisi Figma pada September 2022 lalu dengan kisaran harga 20 miliar USD secara tunai dan saham.

Artinya, Rp 300-an triliun telah digelontorkan Adobe untuk mengakuisisi Figma.

Fitur Utama Figma

Figma memiliki beberapa fitur utama yang di dalamnya terdapat fitur-fitur tambahan di antaranya:

1. Design

Fitur desain pada Figma dibangun untuk memudahkan kalian dalam mendesain tampilan web atau aplikasi, beberapa fitur desain yang mungkin tidak kalian temukan di software desain UI/IX lain:

Modern Pen Tool : Pen Tool dengan gaya modern yang memungkinkan kalian menggunakannya dengan gaya baru tanpa harus menghubungkan desain ke titik awal
OpenType : Kalian bisa mengkostumasi penggunaan font pada aplikasi atau web.
Auto Layout : Memudahkan kalian dalam membuat layout secara otomatis.
Tambahan Plugins dan Widgets : Fitur ini digunakan untuk mendukung kebutuhan desain kalian. Pada fitur ini terdapat icons, chart, diagram, dll

2. Prototyping

Fitur ini memungkinkan pengguna untuk melihat prototype desain yang telah dibuat, beberapa kelebihan di dalamnya, antara lain:

Interactions : Kalian bisa mengatur atau mengkostumasi gaya pada tombol interaksi, secara halus atau kasar.
Mobile-viewing : Memungkinkan kalian mencoba prototype menggunakan HP untuk iOS dan Android.
Dynamic Overlays : Membuat beberapa lapisan overlay pada konten interaktif.
Animated GIFs : Kalian bisa menggunakan animated GIFs untuk elemen video, desain bergerak, dan animasi.

3. Design System

Fitur ini memudahkan pengguna dalam aksesibilitas dan elemen pendukung lainnya. Figma menawarkan fitur library dan aset yang bisa dicari secara cepat. Hal ini memudahkan desainer dalam bekerja bersama.

Beberapa kelebihannya adalah:

Everything in one place : Kalian bisa menyimpan dokumen atau file untuk desain di Figma, sehingga memungkinkan tim atau orang lain tidak perlu mencari dengan susah payah lagi.
Copy, Code and Go : Fitur ini memungkinkan kalian untuk mendesain dengan cepat dengan cara copy paste kode.
Searchable Assets : Pencarian secara cepat dan memungkinkan kalian menggunakan konten dengan cara 'drag and drop'.

Fungsi Figma

Fungsi dari Figma sendiri adalah pembuatan tampilan antarmuka web atau aplikasi. Bagi kalian UI/UX desainer sangat dimudahkan dengan adanya Figma. Ditambah lagi kalian bisa mengerjakannya secara tim atau bersama.

Jika dibuat gambaran besar dari fungsi Figma, antara lain:

UI/UX aplikasi dan website
Mockup desain
Prototype

Itu merupakan tiga fungsi utama dari fungsi Figma.

Figma menyadari bahwa membuat desain UI/UX kini bisa dilakukan secara bersama-sama.

Cara Menggunakan Figma

Langkah-langkahnya antara lain:

Masuk ke laman figma.com
Lakukan registrasi dengan email atau akun Google
Nantinya, kamu diarahkan ke halaman dashboard
Pilih paket starter (penggunaan pribadi atau profesional)
Tambahkan page untuk lembar kerja
Setelah itu, kalian bisa menggunakan template yang tersedia
Pelajari fitur yang ada atau kalian bisa menginstall plugin
Selanjutnya, kalian bisa melakukan prototyping
Terakhir, melakukan ekspor pada hasil kerja dalam berbagai format seperti JPG, PNG, PDF, dan SVG

Sejauh ini Figma memiliki 3 pilihan paket secara gratis maupun berbayar.

Ada paket pemula (gratis), profesional (15 USD per editor per bulan, dan organisasi (45 USD per editor per bulan).

Demikian penjelasan singkat mengenai Figma, tools desain melalui website.

Figma : tools desain melalui website