👩🏽‍🤝‍👩🏼 👩‍🌾 🕒 Tinjau 14 plugin baru untuk Figma yang akan membantu meningkatkan produktivitas sementara kita semua 👨🏻‍🏭 💻 🎞️

Hari ini kita akan berbicara tentang plugin Figma baru berikut:

AutoGrid - Dukungan Grid untuk AutoLayout.
Pelacakan - Plugin untuk membuat anotasi pelacakan.
Temukan dan Ganti Warna - Atur gaya warna dalam desain Anda
Spacing Manager - Plugin untuk lekukan yang konsisten dalam komponen
Geometric –
Halftones – ,
Batch Styler –
Spell Inspector —
Sitemap –
Style Organizer —
Focus CSS — CSS Figma
Flipbook – Figma
SwiftUI Inspector – Apple
Filter –

Halo semuanya! Kami berharap selama masa krisis ini Anda semua baik-baik saja.

Proliferasi COVID-19 telah berdampak pada seluruh dunia, dan banyak dari kita sekarang telah sepenuhnya beralih ke pekerjaan jarak jauh. Sulit bagi banyak orang untuk berada di rumah bersama anak-anak dan tetap produktif, tetapi kita semua harus tetap profesional dan mendukung komunitas kita.

Sangat menyenangkan melihat bagaimana orang berkumpul, berkolaborasi, dan saling membantu di masa-masa yang belum pernah terjadi sebelumnya. Kami juga tidak berdiri di pinggir, karena ide utama Figma adalah kerja sama. Padahal masalah pertamadisambut oleh komunitas Figma dengan sangat positif, kami senang untuk melanjutkan pekerjaan yang bermanfaat, menghemat waktu Anda untuk belajar plugin baru dan memberi Anda plugin terpilih untuk Figma yang akan membantu Anda dalam pekerjaan Anda dan menjaga produktivitas dan kreativitas Anda.

Teman-teman, sebelum kita mulai berbicara tentang plugin, kami ingin mengatakan bahwa hal terpenting bagi kami sekarang adalah tetap positif, karena tidak ada keraguan bahwa pandemi akan segera berakhir dan semuanya akan kembali normal. Bagi semua orang di dunia, ini adalah pengalaman baru, bagi kami - desainer, dan ini tercermin dalam pekerjaan kami.

Meskipun situasi ekonomi sulit, kami tidak menyerah berharap bahwa sektor desain akan terpengaruh paling tidak oleh krisis, meskipun beberapa desainer sudah mengeluh tentang penurunan aktivitas bisnis. Namun demikian, banyak perusahaan saat ini pergi ke pekerjaan jarak jauh, dan kami percaya bahwa ini adalah waktu yang tepat untuk Figma dan alat-alat lain untuk meningkatkan produktivitas, meningkatkan kepentingan mereka untuk proyek dan permintaan pasar.

Nah, sekarang mari selami analisis plugin! Kami mulai dari tempat terakhir - yang paling menarik sedang menunggu Anda di bawah.

14. Peta Situs

Jika Anda perlu membuat peta situs Anda - plugin ini akan membantu Anda dengan tugas ini.
Fungsi plugin Sitemap cukup sederhana: masukkan atau rekatkan URL situs Anda, klik "Buat Peta". Plugin akan menampilkan semua tautan yang ditemukannya dari sumber HTML.

13. Halftones

Dengan bantuan Halftones, Anda dapat menerapkan filter titik dingin dan halftone ke gambar Anda.

Cukup pilih 1 atau lebih gambar, pilih jenis filter yang ingin Anda terapkan (titik atau efek halftone). Kemudian, menggunakan bilah geser, tentukan sudut dan ukuran gambar, klik "Terapkan" dan voila - gambar Anda menjadi lebih trendi.

12. Flipbook

Encerkan peringkat kami dengan sebagian kecil kesenangan melalui plugin Flipbook! Ini adalah plugin untuk menjiwai desain Anda di Figma. Ini memiliki banyak fitur, termasuk pratinjau waktu-nyata, perubahan kecepatan, penyesuaian kecepatan animasi menggunakan slider, serta animasi terbalik dan ekspor ke GIF.

Ada juga versi Pro dari plugin ini. Itu tidak memiliki tanda air, dan juga memiliki fungsi kulit bawang (kulit bawang, yaitu fungsi menampilkan penutup bingkai untuk memeriksa animasi Anda).

11. Pemeriksa Ejaan

Pernahkah Anda membutuhkan alat yang akan menemukan kesalahan ejaan untuk Anda di dalam Gambar? Nah, plugin Spell Inspector akan membantu Anda dengan ini.

Pemeriksa Ejaan menggunakan API Ejaan Khusus. Saat ini, kamus terdiri dari 40.000 kata. Pemeriksa Ejaan memeriksa halaman tempat Anda ingin menemukan kesalahan ejaan, dan memberikan daftar kalimat yang relevan. Kami berharap bahwa di masa depan pembuat plugin ini akan menambah lebih banyak bahasa dan memperluas kamus.

Berlangganan saluran Telegram saya "Berguna untuk perancang", akan ada pengumuman tentang bagian-bagian berikut dan banyak sumber daya desain berguna lainnya. Saya terus mengikuti dan mengikuti rilis sumber daya baru yang berguna, alat dan aplikasi yang membantu mempercepat perancang, pengembang dan manajer tim.

10. Fokus CSS

Plugin ini akan meningkatkan proses bekerja dengan CSS dalam Figma dan mendeteksi gaya yang tidak konsisten.

Fitur Plugin:

Pembuatan CSS untuk semua elemen di seluruh dokumen Figma;
Kemampuan untuk menyembunyikan properti CSS yang tidak ingin Anda salin ke kode.
Ada juga fungsi penyaringan yang membantu Anda hanya menampilkan jenis-jenis lapisan CSS yang Anda butuhkan.

9. Pelacakan

Dengan plugin ini, Anda memiliki kemampuan untuk membuat, memperbarui, atau melampirkan anotasi pelacakan langsung dari file Figma.

Melalui Pelacakan, Anda dapat menjelaskan kepada pengembang apa yang sebenarnya ingin Anda lacak, dan juga memastikan bahwa Anda melacak barang yang Anda butuhkan dari pandangan sekilas. Selain itu, plugin memiliki fungsi "status", jadi Anda akan tahu apakah pelacakan telah dilakukan atau belum.

Untuk lebih memahami cara menggunakan plugin, Anda bisa melihat manualnya di sini .

8. Saring

Terlepas dari kenyataan bahwa plugin ini dirilis bulan lalu, plugin ini terus diperbarui, dan penulis menambahkan lebih banyak filter yang lebih menarik di sana. Itu sebabnya kami memutuskan untuk menambahkan plugin yang bagus ini ke daftar kami.

Dengan Filter, Anda dapat meningkatkan kreativitas dan mempercepat alur kerja Anda. Memiliki plugin ini di gudang Figma Anda, Anda tidak perlu lagi keluar dari Figma untuk menggunakan Photoshop, karena Filter memberi Anda kontrol yang sangat baik atas pengaturan gambar atau node.

Saat ini, Anda memiliki lebih dari 30 filter yang Anda inginkan, termasuk: Bulge Pinch, Color Halftone, Cartoon, Triangle Blur, Denoise, Lens Blur, Night Vision, Crosshatch, dan banyak filter lainnya.

7. Inspektur SwiftUI

Bekerja dengan Swift dan mencari alat untuk membantu Anda mentransfer gaya elemen dari Figma ke Xcode? Anda dapat menghentikan pencarian Anda, karena Inspektur SwiftUI akan menyelesaikan masalah ini. Dengan plugin keren ini, Anda dapat mengekspor gaya elemen desain Anda ke kode SwiftUI.

Fitur yang didukung meliputi: warna, label teks, bentuk dasar. Penulis plugin berjanji untuk menambahkan dukungan untuk elemen seperti komponen, vektor, dan bayangan dalam waktu dekat.

6. Geometris

Tambahkan beberapa keindahan matematika ke proyek Anda dengan plugin hebat ini. Berkat Geometrik, membuat bentuk kompleks kini lebih mudah dari sebelumnya. Yang Anda inginkan adalah angka-angka seperti Rose, Poligon, Spiral dari berbagai jenis, Superellips, Astroid, fungsi Trigonometrik. Anda dapat mengubahnya menggunakan berbagai parameter. Dan menurut pencipta plugin, dalam waktu dekat akan ada angka matematika yang lebih menarik.

5. Pengelola Ruang

Banyak desainer menemukan praktik menerapkan indentasi yang berbeda antar elemen. Beberapa elemen diberi indentasi 10px, lainnya - 14px, dll. Kemudian, jika Anda perlu membuat perubahan indentasi, mereka harus mengubah setiap elemen secara manual. AutoLayout menyelesaikan masalah ini. Namun, dengan plugin Spacing Manager, Anda dapat lebih meningkatkan proses lekukan Anda.

4. Temukan dan Ganti Warna

Pernahkah Anda mengalami situasi ketika Anda mengimpor desain yang tidak terorganisir dari Sketch? Atau apakah kolega Anda mengirimi Anda template Figma tanpa gaya warna? Dengan plugin ini, Anda dapat dengan mudah menemukan semua warna dalam file dan menggantinya dengan yang Anda butuhkan.

Plugin ini tersedia untuk bekerja dengan semua jenis file, baik itu komponen, instance, persegi panjang, bingkai, objek vektor atau teks.

Plugin ini mudah digunakan: instal dan jalankan. Kemudian klik pada bidang input di sebelah warna yang sesuai dan masukkan nilai warna baru. Setelah itu, Anda dapat memulai proses mengganti semua kecocokan dengan mengklik tombol “Ganti warna”.

3. Batch Styler

Batch Styler adalah solusi hebat untuk situasi di mana ada banyak gaya teks, dan Anda perlu mengubah font gaya teks ini dengan cepat dan tanpa tindakan yang tidak perlu.

Tidak peduli berapa banyak gaya teks atau font yang perlu Anda ubah, Batch Styler akan mengurus semuanya dan menyimpan semua jenis ketebalan font dan gaya lainnya.

2. Gaya Penyelenggara

Plugin ini membantu untuk menampilkan dan mengatur gaya warna pada halaman. Selain itu, setelah gaya terorganisir, alat ini secara otomatis akan menghasilkan palet warna.
Apa yang diabaikan dalam plugin ini: isi / goresan gambar, lekukan tak terlihat lapisan / simpul tak terlihat.

Juga perlu diingat bahwa Style Organizer tidak mendukung fitur pembaruan otomatis ketika membuat perubahan desain. Anda perlu mengklik tombol Refresh setelah melakukan perubahan.

1. AutoGrid

Mungkin Anda dihadapkan pada situasi di mana Anda perlu membuat beberapa lapisan AutoLayout untuk memastikan bahwa kartu dalam tata letak Anda dalam kondisi yang rapi?

Plugin ini adalah solusi hebat. AutoGrid menangani semua yang berhubungan dengan grid. Yang harus Anda lakukan adalah menentukan kolom, baris dan indentasi, dan AutoGrid akan melakukan sisanya.

Plugin ini cukup mudah digunakan:

Pilih elemen root untuk kisi Anda (misalnya, satu kartu)
Tentukan struktur kisi: berapa banyak baris, kolom, dan indentasi.
Klik Buat Kotak Baru.

AutoGrid akan membuat tiruan dari elemen root Anda sehingga mengisi grid yang baru dibuat.
Plugin juga memiliki fungsi pembaruan otomatis. Dengan fitur ini, Anda tidak perlu memperbarui grid secara manual setiap kali struktur Anda berubah.

Kami memilih AutoGrid , Style Organizer, dan Batch Styler sebagai pemimpin dalam peringkat hari ini, karena plugin ini sangat berguna dan mempercepat proses desain, terutama dalam hal menciptakan sistem desain.

Kami berharap set plugin ini bermanfaat bagi Anda. Jika Anda membutuhkan sistem dan templat desain Figma profesional, lihat Setproduct.com. Nah, untuk bagian kami, kami akan membuat Anda diperbarui pada semua yang baru. Tetap bersama kami dan # tetap di rumah!