Kandungan
- 01. Panduan Salin & Tampal
- 02. Pembersih Lakaran
- 03. Anima
- 04. React Sketch.app
- 05. Plugin Sketsa Git
- 06. ImageOptim
- 07. Cermin Ajaib
- 08. Eksport Lebih Banyak
- 11. Marketch
- 12. Bulatan bersegmen
- 13. Pelari Sketsa
- 14. Fon Ikon
- 15. Cari dan Ganti
Plugin sketsa menjadikan Sketch lebih baik. Sketsa adalah alat reka bentuk web UI pilihan untuk banyak orang, dan sebahagian daripada yang sangat baik adalah komuniti orang yang berusaha untuk memperluas fungsi dan ciri-cirinya dengan membina pemalam khusus.
Pengurusan plugin Sketch anda kini lebih mudah daripada sebelumnya. Pemalam dikemas kini secara automatik dan yang ketinggalan zaman dilumpuhkan. Menjadikan ekosistem pemalam lebih berguna adalah Sketch Cloud, perkhidmatan perkongsian fail yang boleh didaftarkan oleh sesiapa sahaja, di mana anda dapat melihat, memuat turun dan memberi komen mengenai dokumen Sketsa yang telah dikongsi secara terbuka, atau secara langsung dari Sketch.
Oleh itu, mari kita lihat pemalam Sketsa terbaik - yang boleh mengubah cara anda merancang antara muka pengguna secara drastik. Setelah anda melihat yang anda mahukan, baca cara memasang pemalam Sketch. Sekiranya anda menyukai alat web anda, jangan ketinggalan alat reka bentuk web kegemaran kami, pembangun laman web dan penambahan penyimpanan awan. Dan ingat, pilihan penyedia hosting web anda sangat penting untuk kejayaan laman web anda (panduan kami akan membantu).
01. Panduan Salin & Tampal
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Salin, tampal atau alih keluar panduan dari papan seni anda
Setiap pereka mempunyai hubungan cinta / benci dengan pemandu. Kadang-kadang ia sangat mustahak, dan selebihnya masa mereka menghalangi anda. Sekiranya anda menggunakan panduan dan bukannya pilihan susun atur Sketsa, menukarnya untuk beberapa papan seni boleh menjadi mimpi buruk, tetapi dengan pemalam ini, mudah untuk menyalin, menempel dan membuang panduan dari semua papan seni anda.
02. Pembersih Lakaran
- Muat turun di sini
- Harga: $2
- Ringkasan: Dapatkan fail reka bentuk anda sebersih peluit
Sebarang reka bentuk Sketsa yang telah melalui beberapa lelaran pasti akan mengambil sedikit sampah di sepanjang jalan, seperti lapisan tersembunyi, kedudukan sempadan yang tidak konsisten dan gaya lapisan yang tidak digunakan.
Walaupun tidak ada akhir dunia untuk memiliki fail Sketsa yang tidak kemas, ia boleh mempengaruhi penyerahan, dan ini akan menjadikan hidup lebih mudah bagi sesiapa sahaja yang harus memahami hal ini. Daripada melakukan semuanya dengan menggunakan tangan, gunakan Sketch Cleaner untuk menangani semua masalah biasa secara automatik.
03. Anima
- Muat turun di sini
- Harga: Bebas ke atas
- Ringkasan: Buat prototaip responsif dan kesetiaan tinggi
Sebelumnya tersedia sebagai plugin percuma yang berasingan - Auto Layout dan Launchpad - Anima kini merupakan plugin all-in-one yang direka untuk membantu anda membuat susun atur responsif dengan pin, tumpukan dan padding, dan prototaip kesetiaan tinggi yang sesuai dengan semua layar. Masih ada versi percuma yang menyokong satu projek; untuk projek tanpa had, harga bermula pada $ 25 sebulan.
04. React Sketch.app
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Render React komponen ke Sketsa
Menguruskan aset reka bentuk dalam Sketsa boleh menjadi sukar. Plugin Sketch yang berguna ini menyediakan kaedah yang lebih mudah dan boleh dipercayai untuk menguruskan aset anda. Terapkan reka bentuk anda dalam kod sebagai komponen React, kemudian gunakan pemalam ini untuk menjadikannya menjadi lakaran. Ini juga memudahkan untuk mengambil dan menerapkan data sebenar ke dalam fail Sketsa anda.
React Sketch.app dikembangkan oleh Airbnb untuk digunakan dengan sistem reka bentuknya, dengan tujuan untuk membantu merapatkan jurang antara pereka dan pemaju.
05. Plugin Sketsa Git
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Pelanggan Git yang dibina dalam Sketsa
Plugin ini bertujuan untuk membawa kawalan versi ke dalam Sketch. Ia berfungsi dengan mengeksport gambar untuk setiap bahagian reka bentuk, kemudian menghasilkan perbezaan yang cukup sehingga jelas apa perubahan yang telah dibuat. Dengan mendokumentasikan setiap langkah proses reka bentuk, semua orang dalam pasukan dapat melihat bagaimana reka bentuknya telah maju.
Git Sketch Plugin diciptakan oleh Mathieu Dutour, yang sejak itu terus mencipta sistem kawalan versi berbayar yang lebih komprehensif yang disebut Kactus.
06. ImageOptim
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Pengoptimuman gambar dalam Lakaran
Walaupun Sketch menawarkan penyelesaiannya sendiri untuk mengoptimumkan fail SVG, tidak ada pilihan untuk memampatkan gambar JPG dan PNG. Oleh kerana ImageOptim telah menawarkan perkhidmatan yang mantap selama beberapa tahun, masuk akal bahawa ia akan membawa fungsi ini ke Sketch.
Mana-mana pereka yang mengambil berat masa pemuatan dan pengoptimuman gambar (yang semestinya semua pereka) harus menambahkan ImageOptim ke kotak alat mereka. Perhatikan bahawa selain plugin, anda memerlukan aplikasi ImageOptim teras (percuma) yang dipasang pada sistem macOS anda, dan anda masih perlu menandakan lapisan sebagai boleh dieksport dalam Sketsa (arahkan ke 'Eksport dan Optimumkan Semua Aset' untuk memulakan).
07. Cermin Ajaib
- Muat turun di sini
- Harga: Dari $ 4 / bln
- Ringkasan: Alat transformasi perspektif gambar
Sekiranya anda ingin membuat maket produk yang mengagumkan tetapi harus terus melompat ke Photoshop untuk menangani perkara yang sukar, Magic Mirror boleh menjadi penyelamat bagi anda. Ini adalah alat transformasi perspektif imej, yang membolehkan anda membuat mockup perspektif dan kesan terpesong lain tanpa meninggalkan Sketch.
08. Eksport Lebih Banyak
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Menjana gambar placeholder secara automatik
Menambah gambar placeholder ke reka bentuk adalah bahagian penting dalam membuat prototaip, tetapi mencari gambar sebenar boleh menyakitkan. Oleh itu, dan bukannya membuang masa, serahkan semuanya kepada Day Player. Ini membolehkan anda menambahkan gambar placeholder yang disesuaikan ke mana-mana dokumen Sketsa, dari sejumlah perkhidmatan gambar placeholder yang berbeza, jadi keputusan terbesar yang harus anda buat adalah sama ada anda ingin menggunakan Bill Murray, Nicolas Cage atau anak kucing.
11. Marketch
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Hasilkan laman html yang dapat mengukur dan mendapatkan gaya CSS
Sekiranya anda ingin mengambil gaya CSS dari reka bentuk Sketsa anda, maka plugin seperti Marketch sangat mustahak. Ini membolehkan anda mengeksport papan seni Sketsa anda sebagai fail zip yang penuh dengan dokumen HTML yang kemudian anda boleh ekstrak untuk mengeluarkan banyak CSS manis, siap untuk digunakan.
12. Bulatan bersegmen
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Buat grafik bulat tepat
Inilah kaedah cepat untuk membuat bulatan yang disegmentasikan untuk carta dan diagram. Plugin ini dapat menghasilkan pelbagai gaya gambarajah bulat termasuk lingkaran putus-putus dan tanda semak, dan ketebalannya dikendalikan melalui senarai sederhana nilai dipisahkan koma.
13. Pelari Sketsa
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Tumpuan untuk carian
Sketsa sangat digemari dengan aliran kerja papan kekunci minimalisnya. Oleh itu, selalu ada dua atau tiga pintasan papan kekunci yang selalu anda lupakan atau bingung dengan aplikasi reka bentuk lain seperti Photoshop - dan jangan lupa alat dan ciri yang kurang biasa yang tidak mempunyai pintasan papan kekunci dan tersembunyi jauh di Menu lakaran.
Sketch Runner menyelesaikan masalah ini dan melakukannya dengan cara yang biasa dilakukan oleh pengguna macOS - Sketch Runner adalah sorotan macOS, tetapi untuk Sketch.
14. Fon Ikon
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Urus fon ikon
Fon ikon adalah kaedah penggunaan ikon yang sangat cekap dalam reka bentuk web anda tanpa perlu mengeksport dan mengoptimumkan banyak aset gambar. Biasanya kita merujuk fon ikon di kepala> bahagian laman web HTML, seperti yang kita lakukan dengan CSS dan JavaScript. Walau bagaimanapun, menggunakannya dalam Sketch sedikit lebih rumit. Syukurlah, Ikon Fon memudahkannya.
Selepas memuat turun dan memasang Sketch IconFont, muat turun fail fon SVG atau muat turun bundel fon ini, yang merangkumi fail fon untuk FontAwesome, Ikon Reka Bentuk Bahan, Ikon Ikon dan Ikon Garis Sederhana. Setelah selesai, arahkan ke Plugin> Font Ikon> Pasang Font-Bundle, pilih fon yang dimuat turun dari dialog Buka Fail, kemudian arahkan ke Plugin> Font Ikon> Sisipan Grid> [font ikon yang anda inginkan] untuk memasukkan ikon.
Walaupun anda berhasrat untuk merancang satu set ikon khusus untuk reka bentuk anda, mempunyai ikon siap pakai dapat membantu anda membuat prototaip cepat pada peringkat awal reka bentuk, menambahkan sedikit kejelasan / kesetiaan pada maket kesetiaan rendah anda .
15. Cari dan Ganti
- Muat turun di sini
- Harga: Percuma
- Ringkasan: Cari dan ganti teks dalam lapisan yang dipilih
Penyunting teks bukan satu-satunya tempat yang perlu anda cari dan ganti - ia juga berguna dalam Sketsa. Plugin ini mempunyai banyak pilihan lanjutan, dan ini membolehkan anda mencari contoh kata atau frasa tertentu dalam teks dalam lapisan terpilih (dan semua yang terdapat di dalamnya), kemudian gantinya dengan mudah.
Halaman seterusnya: Plugin Sketch lebih menjimatkan masa