Plugin Figma membantu meningkatkan hasil kerja Anda dan memastikan Anda tetap berada di dalam Figma untuk menyelesaikan pekerjaan desain Anda. Dengan pustaka plugin Figma yang tak terbatas, hampir tidak ada yang tidak dapat Anda lakukan dengan alat desain favorit Anda.
Dengan plugin Figma gratis yang paling membantu ini, kami hanya menggores permukaan dari apa yang tersedia.
Cara Mengunduh Plugin Figma
Sebelum kita masuk ke daftar barang, Anda harus tahu cara mencari dan mengunduh plugin Figma. Anda mungkin tahu cara menggunakan figma, tetapi jika tidak, inilah cara Anda dapat dengan mudah menemukan pustaka plugin. Beberapa plugin mungkin bekerja lebih baik dari aplikasi desktop Figma daripada dari versi browser.
Buka halaman Komunitas, yang dapat ditemukan di beranda atau dari halaman file dengan nama akun Anda. Halaman Komunitas mencantumkan lebih dari sekadar plugin, tetapi dari file Figma, memilih
Menu utama > Plugin akan menunjukkan kepada Anda plugin yang baru saja digunakan dan plugin yang disimpan, dan memungkinkan Anda menemukan plugin baru.Memilih Temukan Plugin Baru membawa Anda ke Sumber daya tab tempat Anda dapat mencari plugin apa pun. Setelah Anda menemukan plugin yang ingin Anda unduh—dari halaman Komunitas—pilih Cobalah untuk mengunduh, atau—dari kotak pencarian Sumber—pilih Berlari untuk mengunduh plugin.
Setiap plugin harus memberikan instruksi penggunaannya sendiri, jadi baca uraiannya saat diminta.
Plugin Gradien Mesh Gautham menyediakan cara cepat dan mudah untuk menambahkan gradien khusus ke desain Figma Anda. Jalankan plugin dan buat kotak gradien. Anda dapat menyesuaikan warna sendiri atau menekan Acak untuk menghasilkan desain gradien secara otomatis.
Plugin ini membuat gambar dari gradien Anda, sehingga tidak dapat diedit setelah membuatnya. Namun, Anda dapat mengedit yang lama atau membuat gradien baru di plugin.
Webflow Labs menyediakan cara hebat untuk mengubah desain Figma Anda menjadi HTML atau CSS yang siap untuk Webflow dan pembuatan situs web. Anda dapat mengintegrasikan interaksi Webflow ke dalam desain Figma Anda untuk integrasi mulus dengan Webflow Labs. Plugin ini bagus jika Anda pengguna Webflow Labs atau bekerja dengan tim pengembang web.
Itu termasuk komponen responsif, mempertahankan semua gaya, font, dan gambar Anda, dan bahkan memungkinkan Anda untuk mengedit tag HTML langsung di Figma. Kamu bisa buat gaya template master di Figma dan gunakan Figma ke Webflow untuk mengekspornya untuk proyek situs web mendatang.
Plugin Figma resmi Unsplash berarti Anda dapat menyisipkan gambar langsung ke dalam desain Anda tanpa meninggalkan jendela Figma Anda. Semua lisensi Unsplash yang sama tersedia, tetapi dengan plugin ini, Anda akan menghemat waktu dan klik saat menambahkan gambar ke karya Anda.
Jika Anda seorang desainer gambar, Anda mungkin kesulitan menemukan teks placeholder untuk ruang dalam desain Anda. Plugin placeholder Lorem Ipsum melakukan semuanya untuk Anda. Dengan teks Latin tradisional, serahkan saja desain Anda ke copywriter untuk mengubah teks placeholder menjadi hal yang nyata, jadi yang harus Anda lakukan hanyalah fokus pada visual.
Jika Anda memiliki salinan copywriting yang diperlukan untuk desain Anda, Text Porter membantu memindahkan salinan Anda dari Excel ke Figma dengan mudah. Cukup jalankan plugin Text Porter dan pindahkan teks Anda. Kemudian edit teks langsung di file Excel Anda untuk memperbarui desain Figma Anda di masa mendatang. Ini berguna jika copywriter Anda tidak memiliki akses atau pengetahuan tentang Figma.
Untuk alur kerja yang lebih lancar bersama dengan menggunakan plugin, Anda juga bisa gunakan pintasan Figma untuk alur kerja yang lebih cepat.
Menghapus latar belakang adalah praktik umum saat menggunakan gambar dalam banyak aspek desain. Alih-alih bekerja keras di Photoshop, Canva, atau program pengeditan lainnya, menggunakan plugin Icons8 Background Remover mempercepat proses dan menyimpan semuanya di Figma.
Alat penghapus latar belakang dapat diterapkan ke lebih dari satu gambar sekaligus, mempercepat proses kerja Anda dengan mengklik tombol.
Plugin Image Tracer membuat gambar vektor dari gambar dan lapisan gambar mana pun yang Anda pilih untuk diterapkan. Vektor yang dapat diskalakan seperti debu emas untuk pekerjaan desain digital, dan plugin ini memudahkan pekerjaan mengubah gambar apa pun menjadi vektor.
Plugin Html.to.design dapat membantu Anda membuat ulang desain situs web yang ada menjadi desain Figma. Ini melayani banyak tujuan seperti membantu Anda berlatih mendesain situs web, atau bagi Anda untuk memulihkan situs web lama yang telah Anda rancang dan kehilangan aksesnya.
Lihat tutorial terperinci kami untuk mengubah situs web menjadi desain Figma menggunakan plugin ini.
Plugin Vectorize berfungsi mirip dengan Image Tracer, tetapi ini lebih baik jika Anda hanya memiliki satu gambar dan satu warna untuk dijadikan vektor. Mengonversi gambar bitmap ke vektor mudah menggunakan plugin ini.
Vektor baru Anda akan menjadi jalur vektor, mudah diedit dan digunakan untuk semua kebutuhan desain Anda. Sangat bagus jika klien Anda mengirimkan logo mereka sebagai gambar piksel yang disalin dari dokumen Word. Anda dapat dengan mudah menghidupkan kembali logo dan ikon satu warna lainnya di Figma.
Merancang untuk rasio aspek tertentu? Perlu meningkatkan atau menurunkan skala? Gunakan plugin Aspek. Plugin ini memungkinkan Anda dengan cepat mengubah aspek berbagai lapisan dalam desain Anda, terutama gambar. Aspek adalah alat yang berguna untuk penskalaan cepat apa pun yang perlu Anda lakukan.
Jika Anda mendesain untuk UX/UI, Anda mungkin menambahkan tombol ke desain Anda. Button Buddy adalah plugin hebat yang menawarkan banyak desain komponen tombol, menghemat waktu Anda dalam mendesain, sehingga Anda dapat fokus pada desain tata letak yang hebat.
Untuk menambahkan lebih banyak komponen daripada tombol, gunakan plugin Handy Components. Plugin ini menawarkan lebih dari 60 berbagai elemen desain UX/UI. Komponen Berguna juga menggunakan desain cerdas untuk mereplikasi gaya yang ada dalam desain Anda dan menerapkannya langsung ke komponen tambahan plugin. Anda tidak perlu mengedit agar sesuai dengan gaya Anda.
Komponen yang tersedia adalah tombol, kartu fitur, item daftar, tabel, bilah kemajuan, stiker peringatan, kalender, dan banyak elemen berguna lainnya.
Butuh peta untuk desain web Anda? Anda dapat dengan mudah menggabungkannya dengan plugin Pencipta Peta. Plugin ini memungkinkan Anda menambahkan peta khusus yang dimasukkan ke dalam bentuk.
Cukup pilih bentuk yang diinginkan—persegi panjang, elips, atau poligon—dan jalankan Pencipta Peta. Kemudian ketikkan alamat yang ingin Anda bagikan. Semudah itu untuk menambahkan peta ke desain web Anda.
Ikon membuat desain UX/UI menjadi universal dan mudah diakses. Plugin Iconify menghosting perpustakaan lebih dari 1000.000 ikon untuk hampir semua penggunaan. Sumber terbuka Iconify, ikon SVG dapat digunakan di banyak perangkat lunak pengembangan untuk mengubah desain Figma Anda dari prototipe menjadi produk langsung dengan mudah.
Menambahkan mockup ke desain Figma Anda membantu Anda memasukkan realitas ke dalam ide produk potensial. Apakah Anda menambahkan maket ke Desain presentasi figma atau memasukkannya ke dalam situs web, itu adalah hal yang praktis untuk dimiliki.
Clay Mockups 3D adalah salah satu dari banyak plugin mockup yang bagus. Lihat kami panduan tentang mockup smartphone Figma untuk melihat apa lagi yang tersedia. Anda dapat memasukkan maket untuk ponsel, komputer, dan perangkat lain serta tangan untuk memegangnya.
Plugin sederhana ini memungkinkan Anda menyelaraskan bingkai, merapikan, dan mengatur karya seni Anda. Cukup pilih elemen Anda, jalankan plugin, dan jendela Figma Anda akan sangat rapi.
Tidak hanya memesan artboard yang berantakan, tetapi bahkan menomori ulang bingkai jika urutannya diubah. Tidak perlu lagi mencari-cari bingkai 5 setelah dipindahkan, Anda akan menemukannya terletak di sebelah 4 dan 6.
Buat Pekerjaan Anda Mengalir Dengan Plugin Figma
Dengan 16 alat hebat ini, Anda dapat dengan mudah mengubah alur kerja Anda. Plugin memungkinkan Anda melakukan lebih banyak tanpa meninggalkan jendela desain Figma.
Plugin ini adalah yang paling berguna, dan jika Anda menggunakan semuanya, Anda dapat membuat vektor gambar, menambahkan gambar dari Hapus percikan, tambahkan desain HTML ke Figma dan kembali lagi dengan Webflow Labs, tambahkan peta khusus, dan ubah ukuran desain. Semua dengan plugin.