Daftar Utama 50 Plugin Sketsa Terbaik

Sketch telah mengambil pasar desain dengan badai. Mereka tidak merilis nomor resmi apa pun, tetapi cukup jelas bahwa hampir semua tim desain yang Anda ikuti atau ajak bicara mengetahui atau menggunakan Sketch sampai batas tertentu.

Salah satu aspek yang paling kuat dari Sketch adalah komunitas pengembangnya yang hidup dan kumpulan plugin fantastis yang mereka buat untuk itu. Dengan plugin Sketch, Anda dapat membuat ilustrasi 3D cantik dan animasi unik dalam hitungan detik.

Saya mengumpulkan daftar lima puluh plugin Sketch terbaik untuk menghemat waktu Anda dalam penelitian. Saya mengaturnya berdasarkan kategori di bawah ini.

Manajer Plugin Sketsa
Plugin Sketsa Kolaborasi
Plugin Pembuat Konten dan Objek
Ekspor dan Plugin Pengembangan Front-End
Plugin Manajemen Lapisan
Keperluan

Manajer Plugin Sketsa

Anda harus mulai dengan menginstal satu dari empat plugin Sketch ini. Mereka akan membantu Anda mengelola dan menjalankan plugin Anda secara efisien.

Paket Sketsa

Peramban plugin Sketch, pengelola, dan pembaruan otomatis. Sketch Packs juga akan menyelamatkan Anda dari masalah kompatibilitas tak terduga saat memperbarui Sketch dengan mengunci versi plugin.

Pelari Sketsa

http://sketchrunner.com/

Sketch Runner adalah Spotlight atau Alfred untuk Sketch. Ini adalah plugin Sketch yang kuat yang memungkinkan Anda menjalankan perintah Sketch dari keyboard Anda. Ini juga merupakan plugin yang menginstal dan mengelola plugin lain untuk Anda.

Manajer Plugin Sketsa

Unduh plugin di sini: https://mludowise.github.io/Sketch-Plugin-Manager/

Ini adalah plugin ketiga dari empat yang Anda anggap berguna saat menguji dan mengelola plugin Anda. Ini menggunakan Git untuk mengelola semua plugin Anda dan terus memperbaruinya.

Kotak Alat Sketsa

Unduh plugin di sini: http://sketchtoolbox.com/

Sketch Toolbox adalah opsi lain yang membantu Anda mengelola, menginstal, dan memperbarui semua plugin Sketch Anda.

Meskipun Anda harus mencoba keempat plugin ini, yang favorit saya adalah Sketch Runner – ini memberi Anda lebih dari sekadar manajemen plugin. Jika Anda terbiasa, Anda tidak akan bisa membayangkan menggunakan Sketch tanpanya.

Plugin Sketsa Kolaborasi

Setelah Anda memilih pengelola plugin, mari masuk ke plugin kolaborasi Sketch yang memungkinkan Anda mengelola file, berkolaborasi dengan teman, mengumpulkan umpan balik, dan banyak lagi.

Tinggi Nol

Unduh plugin di sini: https://zeroheight.com/

Zero Height adalah plugin gratis eksternal yang memungkinkan Anda membuat pustaka aset dan panduan gaya, berkolaborasi dengan desainer lain, dan menyinkronkan semuanya di cloud.

Rantai

Unduh plugin di sini: https://github.com/lalomts/Chain

Chain adalah plugin yang bagus dalam hal perubahan warna pada file besar. Plugin Sketch ini menciptakan hubungan warna yang dinamis di Sketch dan memberi Anda kemungkinan untuk mengubah warna secara global dengan cepat.

Kaktus

Unduh plugin di sini: https://kactus.io/

Kaktus adalah ekstensi kontrol versi desain. Ini mengelola file Anda dan membuat Anda tetap tersinkronisasi dengan seluruh tim.

Abstrak

Unduh plugin di sini: https://www.goabstract.com/

Plugin ini adalah Git untuk desainer. Ini memungkinkan Anda untuk mengelola seluruh proyek dan berkolaborasi dengan desainer lain. Ini memberi Anda kontrol versi file Sketch Anda, terintegrasi dengan Slack, dan memungkinkan Anda mengumpulkan umpan balik dari klien yang tidak menggunakan Sketch.

Kerajinan oleh InVision

Unduh plugin di sini: https://www.invisionapp.com/craft

Salah satu ekstensi Sketsa paling populer, Craft memberi Anda satu set plugin yang berbeda dari pembuat konten hingga pengumpul umpan balik hingga alat pembuatan prototipe. Alih-alih menambahkan konten lorem ipsum, Anda bisa mendapatkan konten nyata dari sebuah situs web. Alih-alih mencari melalui situs web stok untuk menambahkan avatar pengguna, Anda dapat melakukannya langsung dari Craft. Alih-alih membuat nomor telepon acak, Anda bisa membuatnya.

Ini hanya beberapa contoh cara kerja Craft. Jika Anda ingin tahu lebih banyak tentang Kerajinan, Anda harus membaca artikel ini oleh Toptal Designer Bree Chapin.

Plugin Pembuat Konten dan Objek

Bahan Sketsa

Unduh plugin di sini: https://websiddu.github.io/sketch-material/

Plugin Sketch ini memungkinkan Anda membuat komponen apa pun dari sistem Google Material Design.

Kisi Bootstrap

Unduh plugin di sini: https://github.com/De-La-Vega/BootstrapGrid

Plugin Sketch ini menghasilkan grid Bootstrap di dalam file Sketch. Yang harus Anda lakukan adalah menggambar persegi panjang dan plugin akan membuat grid di dalamnya.

Kalender 7 Kolom

Unduh plugin di sini: https://www.ls.graphics/

Kalender 7 Kolom akan menghasilkan kalender 7 kolom apa pun. Ini jelas merupakan salah satu plugin favorit saya. Menghemat banyak waktu jika Anda perlu mendesain kalender.

Arus Pengguna

Unduh plugin di sini: https://abynim.github.io/UserFlows/

Membuat diagram alur pengguna adalah hal yang mudah dengan plugin Sketsa Aliran Pengguna.

lingkaran

Unduh plugin di sini: http://sureskumar.com/looper/

Salah satu favorit pribadi saya, plugin ini menghasilkan ilustrasi yang membingungkan dengan menduplikasi bentuk dan grup. Anda dapat menggunakannya untuk membuat berbagai jenis ilustrasi seperti spanduk, poster, pola, latar belakang abstrak, dan banyak lagi. Anda dapat mempelajari lebih lanjut tentang Looper di sini.

Konfeti

Unduh plugin di sini: http://www.sketchconfetti.com/

Plugin Sketch ini menghasilkan confetti dari objek dan lapisan dengan satu klik.

Ikon Bunga

Unduh plugin di sini: https://github.com/avadhbsd/IconFlower

Ini akan mengatur ikon dalam pola Phyllotaxis untuk Anda dalam waktu singkat.

pemain skater

Unduh plugin di sini: https://github.com/joshdjuric/Skatter

Plugin Sketch hebat lainnya untuk membuat pola acak. Cukup buat beberapa bentuk sederhana dan Skatter akan mengubahnya menjadi pola yang indah.

blender

Unduh plugin di sini: https://github.com/bunnieabc/Blender

Ekstensi Sketch segar ini memadukan dua bentuk dan menciptakan gradien yang indah di antara keduanya.

Pembuat Peta

Unduh plugin di sini: https://github.com/eddiesigner/sketch-map-generator

Jika Anda bosan membuat screenshot peta untuk desain Anda, Anda akan menyukai plugin ini. Gambar persegi panjang, ketik lokasi Anda, salin gaya dari Snazzy Maps, dan Map Generator akan melakukan sisanya untuk Anda.

Pai Sketsa

Unduh plugin di sini: https://github.com/longzheng/sketch-randomSize

Sketch bukanlah alat terbaik untuk membuat diagram lingkaran… tapi inilah Sketchy Pies. Plugin Sketch ini yang akan membuat diagram lingkaran atau pie untuk Anda.

Ukuran Acak

Unduh plugin di sini: https://github.com/longzheng/sketch-randomSize

Ekstensi Sketsa hebat lainnya untuk membuat bagan. Anda dapat mengacak dimensi bentuk apa pun dengan plugin ini untuk membuat diagram batang.

Ekspor dan Plugin Pengembangan Front-end

Dengan plugin ini, Anda dapat mempublikasikan file HTML/CSS, seluruh situs web, atau buletin berkode tanpa keterampilan pengkodean apa pun. Selain itu, beberapa ekstensi ini akan menghasilkan file untuk tim pengembangan yang tidak menggunakan Sketch.

Landasan peluncuran

Unduh plugin di sini: https://launchpad.animaapp.com/

Plugin Sketch luar biasa yang memungkinkan Anda mempublikasikan situs web siap pakai tanpa pengetahuan kode apa pun langsung di dalam Sketch.

Slinky

Unduh plugin di sini: https://launchpad.animaapp.com/

Lain kali klien Anda meminta Anda untuk mengerjakan template email, unduh plugin ini. Ini akan membantu Anda membuat template email dengan mudah dengan kode HTML-ready yang responsif.

Sinkronkan ke Slide

Unduh plugin di sini: https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

Plugin Sketch yang bagus untuk mereka yang mengerjakan presentasi online. Ini menyinkronkan Sketch artboards ke Google Slides.

Ukuran

Unduh plugin di sini: http://utom.design/measure/

Measure sempurna ketika Anda harus meneruskan file desain Anda ke tim pengembangan. Ini menandai semua dimensi dan menghasilkan file HTML yang berisi seluruh desain, sehingga pengembang tanpa Sketch dapat dengan mudah membukanya.

pasar

Unduh plugin di sini: https://github.com/tudou527/marketch

Plugin lain yang berguna saat Anda berkolaborasi dengan tim pengembangan. Ini menghasilkan file HTML yang berisi desain dan memungkinkan Anda menyalin gaya CSS dari semua lapisan Anda.

Plugin Manajemen Lapisan

Plugin ini sangat membantu saat Anda mengelola file desain berukuran besar. Mereka memungkinkan Anda untuk membersihkan, mengganti nama, menghapus, atau mencari melalui lapisan Sketsa. Anda juga dapat menggunakan emoji untuk mengelola file Anda.

RenameIt

Unduh plugin di sini: https://github.com/rodi01/RenameIt

Dengan plugin Sketch ini, Anda dapat mengganti nama beberapa lapisan sekaligus dengan memilihnya dan menggunakan satu pintasan.

Bersihkan Grup yang Tidak Berguna

Unduh plugin di sini: https://github.com/bomberstudios/Cleanup-Useless-Groups

Saat Anda bekerja cepat, Anda mungkin berakhir dengan grup kosong. Plugin Sketch ini akan menyelesaikan masalah Anda dengan menghapus semua grup yang tidak berguna (digandakan atau kosong).

Pilih Lapisan yang Dikenal

Unduh plugin di sini: https://github.com/wonderbit/sketch-select-similar-layers

Jika Anda terbiasa dengan fitur "Pilih Objek Serupa" Adobe Illustrator dan Anda melewatkannya di Sketch, Anda akan menyukai plugin ini. Plugin ini memungkinkan Anda untuk memilih lapisan dengan warna isian yang sama, warna batas, ukuran font, blending mode, dll.

Manajer Papan Seni Sketsa

Unduh plugin di sini: https://github.com/bomberstudios/artboard-manager

Manajer Artboard memasang artboard ke dalam baris dan kolom dan mengatur posisinya.

Pencarian Sketsa Di Mana Saja

Unduh plugin di sini: https://github.com/MrPeak/sketch-search-everywhere

Dengan plugin Sketch ini, Anda dapat menemukan lapisan apa pun hanya dengan mengetikkan namanya.

Urutkan Saya

Unduh plugin di sini: https://github.com/romashamin/sort-me-sketch

Plugin Sketch kecil ini akan mengurutkan layer atau artboard Anda dengan satu pintasan keyboard.

Beralih Lapisan

Unduh plugin di sini: https://github.com/joshwayne/jw-sketch-plugins

Plugin hebat yang, dalam kombinasi dengan Emoji di Nama Lapisan, memungkinkan Anda untuk beralih visibilitas lapisan yang disediakan dengan emoji mata.

Keperluan

Plugin Sketch ini terutama memperluas fitur Sketch dasar atau membuatnya lebih mudah diakses.

Cermin Ajaib 3

Unduh plugin di sini: http://magicsketch.io/mirror/

Jika Anda melewatkan Perspective Transformation dari Photoshop, plugin Sketch ini wajib Anda miliki. Anda akan dapat mengubah lapisan Sketsa apa pun dalam perspektif tanpa merusaknya.

Telanjang

Unduh plugin di sini: http://www.getstark.co/

Plugin yang harus dimiliki jika Anda peduli dengan aksesibilitas proyek Anda. Ini adalah simulator buta warna dan pemeriksa kontras.

Alat Praktis

Unduh plugin di sini: https://github.com/webpatch/Handy-Tools

Handy Tools menyediakan serangkaian fitur seperti perataan lapisan, jarak, atau beralih visibilitas lapisan.

Jari-jari Sudut Sikut

Unduh plugin di sini: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

Plugin ini memungkinkan Anda untuk mengubah radius sudut dari keyboard Anda.

Impor Simbol

Unduh plugin di sini: https://github.com/kmerc/sketch-import-symbols

Jika Anda mengerjakan beberapa file Sketch, Anda mungkin ingin memeriksa plugin ini. Ini mengimpor semua simbol dari satu file Sketsa ke file Sketsa lainnya.

Pindahkan Setengah Piksel

Unduh plugin di sini: https://github.com/canisminor1990/sketch-move-half-pixel

Terkadang Anda ingin memindahkan objek di Sketch sebesar setengah piksel – ini adalah hal yang mudah dengan plugin ini.

Plugin Teks

Unduh plugin di sini: https://github.com/joshwayne/jw-sketch-plugins

Dengan dua plugin ini, Anda dapat menggabungkan beberapa lapisan teks menjadi satu bidang teks, atau Anda dapat membagi satu bidang teks menjadi beberapa lapisan terpisah.

Appalette

Unduh plugin di sini: https://github.com/Carlosarturo28/Appalette

Appalette akan mengunduh palet warna dari banyak aplikasi populer seperti Dropbox, Facebook, atau Airbnb.

Periksa Ejaan Semua Lapisan

Unduh plugin di sini: https://github.com/Tallwave/sketch-spellcheck-all-layers

Salah satu Plugin Sketch favorit saya. Ini akan memeriksa seluruh file untuk kesalahan ketik.

Tata Letak Otomatis

Unduh plugin di sini: https://animaapp.github.io/

Empat kata yang menggambarkan plugin ini: Desain Responsif untuk Desainer.

Cairan

Unduh plugin di sini: https://github.com/matt-curtis/Fluid-for-Sketch

Plugin kompleks yang memungkinkan Anda membuat artboard responsif berdasarkan batasan.

komposisi

Unduh plugin di sini: https://github.com/romashamin/compo-sketch

Dengan plugin Sketch ini, Anda dapat membuat komponen dinamis tingkat berikutnya.

Ukuran Balik

Unduh plugin di sini: https://github.com/apertureless/sketch-flip-size

Plugin Sketch kecil yang akan mengubah lebar dan tinggi objek dengan satu pintasan.

Penyempurna Piksel

Unduh plugin di sini: https://github.com/swiadek/pixel-perfecter-sketch-plugin

Dengan plugin Sketch sederhana ini, Anda akan menghindari dimensi lapisan yang rusak.

Stempel Ikon

Unduh plugin di sini: https://github.com/tylergaw/icon-stamper

Plugin Sketch yang akan menghasilkan berbagai ukuran ikon untuk Anda.

Papan Seni Sosial

Unduh plugin di sini: https://github.com/herrhelms/social-artboards-sketch

Jika Anda membuat banyak gambar media sosial, plugin Sketch ini akan menghemat banyak waktu Anda dengan membuat artboard dengan ukuran berbeda untuk Anda.

Temukan dan ganti

Unduh plugin di sini: https://github.com/thierryc/Sketch-Find-And-Replace

Dengan plugin Sketch ini Anda dapat menemukan dan mengganti teks apa pun di dalam file Anda.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
• Pentingnya Desain yang Berpusat pada Manusia dalam Desain Produk
• Portofolio Desainer UX Terbaik – Studi Kasus dan Contoh yang Menginspirasi
• Prinsip Heuristik untuk Antarmuka Seluler
• Desain Antisipatif: Cara Membuat Pengalaman Pengguna yang Ajaib