10 Plugin Figma Terbaik Untuk UI/UX Designer

Muhamad Reza Adityawarman
Hoomix
Published in
4 min readSep 15, 2019

Plugin adalah tools yang membantu kita untuk memudahkan dalam mendesain suatu website atau mobile app. Dalam hal ini kita dapat meminimalisir waktu pengerjaan ketika kita mendesain, asyik bukan? berikut ini telah saya pilihkan “10 Plugin Terbaik Untuk UI/UX Designerdan telah saya coba juga sehingga sudah pasti akan membantu kita para desainer ketika mengerjakan sebuah proyek. Yuk simak bahasan kita kali ini.

  1. Auto Flow

Autoflow memudahkan untuk menggambar arus. Cukup pilih 2 objek, tekan hotkey, dan garis akan secara ajaib ditarik di antara mereka.

Cara Menggunakan:
1. Pilih 2 objek
2. Klik kanan, cari Autoflow di menu Plugin
3. Pasang semua layar Anda dengan menekan ⌥⌘P untuk menjalankan plugin terakhir

2. Avatars

Tambahkan avatar pengguna acak ke desain Anda dengan satu klik!

Pilih semua jenis elemen dan jalankan plugin. Ini akan mengambil gambar avatar dan menambahkannya sebagai isian pada elemen yang kamu pilih.

Kamu juga dapat menjalankan plugin tanpa apa pun yang dipilih dan itu akan menambahkan elemen dengan avatar.

Gambar dikumpulkan dari UIfaces.co dari berbagai sumber termasuk randomuser.me, tinyfac.es, imdb.com, gambar yang disumbangkan, dan sumber lainnya.

3. Color Palettes

Temukan palet warna terbaik dari daftar palet warna terbaik

Isi warna yang indah dari “plugin Color Palettes” langsung ke desain Kamu.

Dengan Color Palettes untuk Figma, Kamu dapat mencari kode warna, nomor palet atau nama yang Kamu ingat dari plugin Palet Warna dan menerapkannya pada desain Kamu dan membuatnya luar biasa

Color Palettes memungkinkan digunakan secara bebas untuk proyek komersial dan pribadi.

Cukup Salin & Isi ke proyek desain luar biasa Kamu.

4. Figmotion

Figmotion adalah alat animasi yang dibangun tepat di Figma. Ini membuat entri ke dalam animasi lebih mudah dan lebih nyaman karena tidak perlu beralih ke alat gerak yang sepenuhnya terpisah seperti Principle, Haiku atau After Effects. Figmotion membuat animasi hand-off untuk pengembang lebih mudah dikelola serta dibangun dengan teknologi web.

Jika Anda ingin tahu lebih banyak tentang Figmotion, silakan periksa basis pengetahuan (FAQ) disini:
https://freighter.gitlab.io/figmotion/knowledgebase/

5. Feather Icon

Akses cepat ke ikon Feather di Figma.

Situs web: https://feathericons.com

Plugin ini adalah open source: https://github.com/feathericons/figma-feather

6. Icon Resizer

Ubah ukuran ikon menjadi ukuran standar dan kotak pembatas pada desain Kamu. Jauh lebih mudah untuk bekerja ketika semua ikon Anda berukuran sama dan memiliki kotak pembatas persegi.

Pilih satu atau lebih bingkai, dan atur ikon dan ukuran kotak pembatas. Itu dia!

7. Isometric

Isometric memungkinkan Kamu membuat lapisan isometrik tanpa harus mengaturnya secara manual.

Cara Menggunakan Isometrik:
1. Pilih Lapisan Anda
2. Klik Kanan> Isometrik
3. Pilih Perspektif Anda

Proyek ini bersifat open source dan berlisensi MIT.

8. Material Design Icons

Plugin ini memberi Kamu akses mudah instan ke seluruh perpustakaan Material Design Icons. Kamu dapat mencari berdasarkan nama ikon.

Fitur lainnya segera hadir, termasuk Sharing berdasarkan kategori, ubah gaya dan ukuran, multi-pilih dan opsi untuk memilih varian (diisi, diuraikan, dibulatkan, dll …)

9. Remove BG

Ini adalah salah satu plugin favorit saya, kenapa? karena dengan plugin ini kita bisa menghapus background dengan sekali klik, tentu setelah megisi API terlebih dahulu. Dengan sekali klik, viola! gambar atau photo si background nya langsung menghilang. Keren kan?

Catatan: Kamu memerlukan akun remove.bg untuk plugin ini.

10. Unsplash

Masukkan gambar-gambar indah dari Unsplash langsung ke desain kamu.

Dengan Unsplash for Figma, kamu dapat menyisipkan gambar acak atau mencari sesuatu yang spesifik.

Lisensi Unsplash memungkinkan gambar digunakan secara bebas untuk proyek komersial dan pribadi.

Pelajari lebih lanjut tentang Unsplash di https://unsplash.com/about

Itulah 10 Plugin FigmaTerbaik Untuk Desainer yang bisa kamu install di aplikasi figma kalian untuk mempermudah pekerjaan kalian sebagai designer😇

Jangan lupa folow kami di
👉 Instagram / Behance / Medium / Website

Salam,
Reza

--

--

Muhamad Reza Adityawarman
Hoomix
Editor for

User Experience Consultant. Problem Solver. Shopify Experts. Ecommerce Solution Partner. Front end developer