Isi
- 01. Panduan Salin & Tempel
- 02. Pembersih Sketsa
- 03. Anima
- 04. React Sketch.app
- 05. Plugin Sketsa Git
- 06. ImageOptim
- 07. Cermin Ajaib
- 08. Ekspor Lebih Banyak
- 11. Pasar
- 12. Lingkaran tersegmentasi
- 13. Pelari Sketsa
- 14. Ikon Font
- 15. Temukan dan Ganti
Plugin sketsa membantu membuat Sketsa menjadi lebih baik. Sketch adalah alat desain web UI pilihan bagi banyak orang, dan bagian dari hal yang membuatnya begitu baik adalah komunitas orang yang bekerja untuk memperluas fungsionalitas dan fiturnya dengan membuat plugin khusus.
Pengelolaan plugin Sketsa Anda sekarang lebih mudah dari sebelumnya. Plugin diperbarui secara otomatis dan yang lama dinonaktifkan. Membuat ekosistem plugin semakin berguna adalah Sketch Cloud, layanan berbagi file yang dapat didaftarkan siapa saja, di mana Anda dapat melihat, mengunduh, dan mengomentari dokumen Sketch yang telah dibagikan secara publik, atau secara pribadi langsung dari Sketch.
Jadi mari kita lihat plugin Sketsa terbaik - yang dapat secara drastis mengubah cara Anda mendesain antarmuka pengguna. Setelah Anda menemukan yang Anda inginkan, bacalah tentang cara memasang plugin Sketch. Jika Anda menyukai alat web Anda, jangan lewatkan alat desain web, pembuat situs web, dan penyimpanan cloud favorit kami. Dan ingat, pilihan penyedia hosting web sangat penting untuk keberhasilan situs Anda (panduan kami akan membantu).
01. Panduan Salin & Tempel
- Unduh disini
- Harga: Gratis
- Ringkasan: Salin, tempel, atau hapus panduan dari artboards Anda
Setiap desainer memiliki hubungan cinta / benci dengan pemandu. Terkadang mereka benar-benar penting, dan di waktu lainnya hal itu menghalangi Anda. Jika Anda menggunakan panduan, bukan opsi tata letak Sketsa, mengubahnya menjadi beberapa artboards bisa menjadi mimpi buruk, tetapi dengan plugin ini, mudah untuk menyalin, menempel, dan menghapus panduan dari semua artboards Anda.
02. Pembersih Sketsa
- Unduh disini
- Harga: $2
- Ringkasan: Dapatkan file desain Anda sebersih peluit
Setiap desain Sketsa yang telah melalui beberapa iterasi pasti akan mengambil sedikit sampah di sepanjang jalan, seperti lapisan tersembunyi, posisi batas yang tidak konsisten, dan gaya lapisan yang tidak digunakan.
Meskipun file Sketsa yang berantakan bukanlah akhir dari segalanya, hal ini dapat memengaruhi hand-off, dan akan membuat hidup lebih mudah bagi siapa saja yang harus memahaminya. Daripada memeriksa semuanya dengan tangan, gunakan Pembersih Sketsa untuk menangani semua masalah umum secara otomatis.
03. Anima
- Unduh disini
- Harga: Bebaskan ke atas
- Ringkasan: Buat prototipe responsif dengan ketelitian tinggi
Sebelumnya tersedia sebagai plugin gratis terpisah - Tata Letak Otomatis dan Launchpad - Anima sekarang menjadi plugin all-in-one yang dirancang untuk membantu Anda membuat tata letak responsif dengan pin, tumpukan dan bantalan, dan prototipe kesetiaan tinggi yang sesuai untuk semua layar. Masih ada versi gratis yang mendukung satu proyek; untuk proyek tak terbatas, harga mulai dari $ 25 per bulan.
04. React Sketch.app
- Unduh disini
- Harga: Gratis
- Ringkasan: Render komponen React ke Sketch
Mengelola aset desain dapat menjadi hal yang sulit di Sketch. Plugin Sketch yang praktis ini memberikan cara yang lebih mudah dan andal untuk mengelola aset Anda. Terapkan desain Anda dalam kode sebagai komponen React, lalu gunakan plugin ini untuk membuatnya menjadi sketsa. Ini juga mempermudah untuk mengambil dan mengimplementasikan data nyata ke dalam file Sketch Anda.
React Sketch.app dikembangkan oleh Airbnb untuk digunakan dengan sistem desainnya, dengan tujuan membantu menjembatani kesenjangan antara desainer dan pengembang.
05. Plugin Sketsa Git
- Unduh disini
- Harga: Gratis
- Ringkasan: Klien Git dibangun ke dalam Sketch
Plugin ini bertujuan untuk membawa kontrol versi ke Sketch. Ini bekerja dengan mengekspor gambar untuk setiap bagian desain, lalu menghasilkan perbedaan yang cukup sehingga jelas perubahan apa yang telah dibuat. Dengan mendokumentasikan setiap langkah proses desain, setiap orang di tim dapat melihat kemajuan desain.
Plugin Sketsa Git dibuat oleh Mathieu Dutour, yang sejak itu beralih ke pembuatan sistem kontrol versi berbayar yang lebih komprehensif yang disebut Kactus.
06. ImageOptim
- Unduh disini
- Harga: Gratis
- Ringkasan: Optimasi gambar di Sketch
Sementara Sketch menawarkan solusinya sendiri untuk mengoptimalkan file SVG, tidak ada pilihan untuk mengompresi gambar JPG dan PNG. Karena ImageOptim telah menawarkan layanan yang solid selama beberapa tahun, masuk akal bahwa ini akan membawa fungsionalitas ini ke Sketch.
Setiap desainer yang peduli dengan waktu pemuatan dan pengoptimalan gambar (yang seharusnya semua desainer) harus menambahkan ImageOptim ke kotak peralatan mereka. Perhatikan bahwa selain plugin, Anda akan membutuhkan aplikasi inti ImageOptim (gratis) yang diinstal pada sistem macOS Anda, dan Anda masih perlu menandai lapisan sebagai dapat diekspor di Sketch (navigasikan ke 'Ekspor dan Optimalkan Semua Aset' untuk memulai).
07. Cermin Ajaib
- Unduh disini
- Harga: Mulai $ 4 / bln
- Ringkasan: Alat transformasi perspektif gambar
Jika Anda mencoba membuat mockup produk yang mengesankan tetapi harus terus beralih ke Photoshop untuk menangani hal-hal rumit, Magic Mirror bisa menjadi penyelamat hidup Anda. Ini adalah alat transformasi perspektif gambar, memungkinkan Anda membuat maket perspektif dan efek terdistorsi lainnya tanpa harus meninggalkan Sketch.
08. Ekspor Lebih Banyak
- Unduh disini
- Harga: Gratis
- Ringkasan: Secara otomatis menghasilkan gambar placeholder
Menambahkan gambar placeholder ke desain adalah bagian penting dari pembuatan prototipe, tetapi menemukan gambar yang sebenarnya bisa menyebalkan. Jadi daripada membuang waktu di atasnya, serahkan semuanya ke Day Player. Ini memungkinkan Anda menambahkan gambar placeholder yang disesuaikan ke dokumen Sketch apa pun, dari sejumlah layanan gambar placeholder yang berbeda, jadi keputusan terbesar yang harus Anda buat adalah apakah Anda ingin menggunakan Bill Murray, Nicolas Cage, atau anak kucing.
11. Pasar
- Unduh disini
- Harga: Gratis
- Ringkasan: Hasilkan halaman html yang dapat mengukur dan mendapatkan gaya CSS
Jika Anda ingin mengambil gaya CSS dari desain Sketch Anda, maka plugin seperti Marketch sangat penting. Ini memungkinkan Anda untuk mengekspor artboards Sketch Anda sebagai file zip yang penuh dengan dokumen HTML yang kemudian dapat Anda ekstrak untuk mengeluarkan banyak CSS manis, siap digunakan.
12. Lingkaran tersegmentasi
- Unduh disini
- Harga: Gratis
- Ringkasan: Buat grafik melingkar yang tepat
Berikut cara cepat membuat lingkaran tersegmentasi untuk bagan dan diagram. Plugin ini dapat menghasilkan berbagai gaya diagram lingkaran termasuk lingkaran putus-putus dan tanda centang, dan ketebalannya dikontrol melalui daftar sederhana nilai yang dipisahkan koma.
13. Pelari Sketsa
- Unduh disini
- Harga: Gratis
- Ringkasan: Sorotan untuk pencarian
Sketch sangat disukai karena alur kerja keyboardnya yang minimalis. Karena itu, selalu ada dua atau tiga pintasan keyboard yang sepertinya selalu Anda lupakan atau bingung dengan aplikasi desain lain seperti Photoshop - dan jangan lupakan alat dan fitur yang kurang umum yang tidak memiliki pintasan keyboard dan tersembunyi jauh di dalam Menu sketsa.
Sketch Runner memecahkan masalah ini dan melakukannya dengan cara yang sudah dikenal oleh pengguna macOS - Sketch Runner adalah Spotlight macOS, tetapi untuk Sketch.
14. Ikon Font
- Unduh disini
- Harga: Gratis
- Ringkasan: Kelola font ikon
Font ikon adalah cara yang sangat efisien untuk menggunakan ikon dalam desain web Anda tanpa harus mengekspor dan mengoptimalkan banyak aset gambar. Biasanya kami mereferensikan font ikon di kepala> bagian halaman web HTML, seperti yang kita lakukan dengan CSS dan JavaScript. Namun, menggunakannya di Sketch sedikit lebih rumit. Untungnya, Icon Font membuatnya mudah.
Setelah mengunduh dan menginstal Sketch IconFont, unduh file font SVG atau unduh paket font ini, yang mencakup file font untuk FontAwesome, Ikon Desain Material, Ikon Ion dan Ikon Garis Sederhana. Setelah selesai, navigasikan ke Plugins> Font Ikon> Instal Bundel Font, pilih font yang diunduh dari dialog Buka File, lalu navigasikan ke Plugins> Font Ikon> Sisipkan Kisi> [font ikon yang Anda inginkan] untuk memasukkan Sebuah ikon.
Bahkan jika Anda berniat untuk merancang kumpulan ikon khusus untuk desain Anda, memiliki ikon siap pakai yang Anda inginkan dapat membantu Anda dengan pembuatan prototipe cepat pada tahap awal desain, menambahkan sedikit lebih banyak kejelasan / kesetiaan ke mockup kesetiaan rendah Anda. .
15. Temukan dan Ganti
- Unduh disini
- Harga: Gratis
- Ringkasan: Temukan dan ganti teks di lapisan yang dipilih
Editor teks bukan satu-satunya tempat yang perlu Anda temukan dan ganti - ini juga berguna di Sketch. Plugin ini memiliki banyak opsi lanjutan, dan memungkinkan Anda untuk mencari contoh kata atau frasa tertentu dalam teks di lapisan yang dipilih (dan semua yang ada di dalamnya), lalu menggantinya dengan mudah.
Halaman berikutnya: Lebih banyak plugin Sketsa yang menghemat waktu
