Figma Adalah: Fitur, Fungsi dan Cara menggunakannya

Figma Adalah: Fitur, Fungsi dan Cara menggunakannya

ADVERTISEMENT

Figma Adalah: Fitur, Fungsi dan Cara menggunakannya

Benedictus Adithia - detikInet
Sabtu, 22 Okt 2022 19:53 WIB
ilustrasi komputer
Figma Adalah: Fitur, Fungsi dan Cara menggunakannya (Foto: Unsplash)
Jakarta -

Figma adalah tools desain berupa website yang bisa digunakan kapanpun dan dimanapun melalui internet. Jika kalian sedang mencari tools untuk desain aplikasi dan ingin mengerjakan bersama tim, kalian 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. Lalu apa itu Figma dan fitur, fungsi, serta cara menggunakannya? Simak penjelasannya.

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.

Dilansir detikINET dari CNBC, 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

Dilansir detikINET dari laman resmi Figma, Sabtu (22/10/2022). 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

Nah, detikers itu merupakan tiga fungsi utama dari fungsi Figma. Figma menyadari bahwa membuat desain UI/UX kini bisa dilakukan secara bersama-sama.

Cara Menggunakan Figma

Berikut detikINET coba merangkum cara penggunaan 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, kalian bisa 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).

Detikers, itu dia penjelasan singkat mengenai Figma, fitur, fungsi dan cara menggunakannya.



Simak Video "Hati-hati! Ada Komplotan Penipu Wanita di Aplikasi Kencan, Motor Dibawa Kabur"
[Gambas:Video 20detik]
(fay/ask)

ADVERTISEMENT

ADVERTISEMENT

ADVERTISEMENT

ADVERTISEMENT