10 Plugin Sketch Terbaik & Gratis 2019

November 05, 2018



Sketch app adalah tools web desainer profesional yang akan membuat proyek desain kita jadi lebih mudah. Dengan tools sketch app ini kamu akan merasakan betapa mudahnya mengerjakan berbagai konsep desain web maupun mobile.

Adapun beberapa plugin sketch terbaik gratis yang bisa kamu coba install didalam aplikasimu. Berikut list beberapa plugin sketch gratis yang bisa membantu kamu mengerjakan proyek desain berikutnya.

01. React Sketch.app




  • Harga: Free 
  • Ringkasan: Untuk merender komponen react
Mengelola aset desain bisa di Sketch bisa jadi sulit. Plugin Sketch yang praktis ini menyediakan cara yang lebih mudah dan lebih andal untuk mengelola aset Kamu. Menerapkan desain Kamu dalam kode sebagai komponen React, kemudian gunakan plugin sketch gratis ini untuk membuat mereka menjadi sketsa. Ini juga memudahkan untuk mengambil dan mengimplementasikan data nyata ke dalam file Sketsa Kamu.

React Sketch.app dikembangkan oleh Airbnb untuk digunakan dengan sistem desainnya, dengan tujuan membantu menjembatani kesenjangan antara desainer dan pengembang. 

02. Git Sketch Plugin


  • Harga: Gratis 
  • Ringkasan: Klien Git yang dibuat dalam Sketch


Plugin sketch gratis ini bertujuan untuk membawa kontrol versi ke Sketch. Ia bekerja dengan mengekspor gambar untuk setiap bagian dari desain, kemudian menghasilkan cukup diff jadi jelas apa perubahan yang telah dibuat. Dengan mendokumentasikan setiap langkah dari proses desain, semua orang di tim dapat melihat bagaimana desain telah berkembang.

Git Sketch Plugin dibuat oleh Mathieu Dutour , yang sejak saat itu mulai menciptakan sistem kontrol versi berbayar yang lebih komprehensif yang disebut Kactus .

03. Launchpad





  • Harga: Gratis
  • Ringkasan: Konversi desain ke halaman web HTML statis

LaunchPad menawarkan cara ultra-sederhana untuk mengonversi desain .ketat ke laman HTML statis. Ini berasal dari orang yang sama yang membuat Tata Letak Otomatis, dan sebenarnya Kamu dapat menggabungkan dua plugin sketch gratis ini untuk mengekspor desain .sketch responsif sebagai HTML.

LaunchPad tidak mengekspor 'selesai' desain - Kamu masih diharapkan untuk menyempurnakan waktu pemuatan, tweak kode untuk memastikan desain Kamu merespon dengan benar untuk ukuran layar yang berbeda, dan mengoptimalkan output kode untuk memastikan situs memuat dengan cepat dan berjalan lancar.

Namun, itu memberi Kamu beberapa fondasi yang cukup kuat untuk bekerja dengan. Setelah mencoba Launchpad dengan beberapa maket kesetiaan rendah, saya dapat melihat bahwa hasilnya relatif sederhana, jadi tidak perlu khawatir tentang kode yang kembung.




04. Sync Sketch Plugin





  • Harga: Gratis
  • Ringkasan: Bagikan gaya melalui Google Spreadsheet

Menjaga sinkronisasi tim desain Kamu menjadi lebih mudah dengan plugin sketch gratis ini yang menyimpan gaya teks, gaya lapisan, dan palet warna Kamu di Google Spreadsheet. Ketika Kamu menjalankan plugin sketch gratis itu terlihat ke dalam spreadsheet dan mengubah gaya dan warna Sketsa Kamu ke apa yang tersimpan di sana. Cara hebat untuk membagikan gaya Kamu secara instan.

05. Segmented circles



  • Harga: Gratis
  • Ringkasan: Buat grafik melingkar yang tepat

Inilah cara cepat untuk membuat lingkaran tersegmentasi untuk bagan dan diagram. Plugin sketch gratis sketch gratis ini dapat menghasilkan berbagai gaya diagram melingkar termasuk lingkaran putus-putus dan tanda centang, dan ketebalan dikontrol melalui daftar sederhana dari nilai yang dipisahkan koma.

06. Sketch Runner


  • Harga: Gratis
  • Ringkasan: Sorotan untuk pencarian
Sketsa sangat dicintai karena alur kerja keyboardnya yang minimalis. Yang sedang berkata, selalu ada dua atau tiga pintas keyboard yang Kamu selalu tampaknya lupa 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 akrab dengan pengguna macOS - Sketch Runner adalah macOS Spotlight, tetapi untuk Sketch.

07. Sketch Measure



  • Harga: Gratis
  • Ringkasan: Hamparkan desain Kamu dengan spesifikasi

Jika Kamu bekerja bersama orang lain, terutama pengembang, itu bagus jika Kamu dapat memberikan maket akhir Kamu dengan beberapa spesifikasi yang dihamparkan - hal-hal seperti jarak antar elemen, dimensi ikon-ikon itu, kode HEX dari warna yang Kamu gunakan, atau font label, misalnya.

Jika ini terdengar asing bagi Kamu , Sketch Measure akan membuat hidup Kamu lebih mudah. Dengan beberapa klik mouse Kamu, Kamu dapat secara otomatis membuat overlay pada desain Kamu yang berisi informasi semacam ini - semua dengan cara yang paling tidak mengganggu, dan mudah disembunyikan.

08. Sketch to App Store



  • Harga: Gratis
  • Ringkasan: Menghasilkan gambar App Store dengan mudah

Plugin sketch gratis ini mendapat banyak eksposur ketika keluar, sebagian besar karena sangat brilian. Jika Kamu mendesain atau mengembangkan untuk iOS, Kamu mungkin akrab dengan rasa sakit karena membuat berbagai tangkapan layar untuk App Store, terutama sekarang ada berbagai ukuran layar iPhone.

Yang dilakukan oleh plugin sketch gratis ini adalah mengambil tangkapan layar Kamu, membuat template yang sederhana namun sepenuhnya dapat disesuaikan dengan iPhone dan teks di bagian atas, dan mengekspor 45 gambar tangkapan layar: sekumpulan gambar dengan iPhone dan teks, dan satu set hanya dengan tangkapan layar (dan tambahan Android satu), semua dalam format JPG dan siap untuk diunggah ke iTunes Connect.

09. Craft



  • Harga: Gratis
  • Ringkasan: Suite desain dan alat prototyping

Craft melakukan banyak hal selain menyinkronkan desain .sketch Kamu dengan aplikasi web InVision. Bahkan, sebagian besar fitur Craft dapat digunakan tanpa berlangganan InVision sama sekali. Kerajinan supercharges alur kerja desain Kamu dengan membiarkan Kamu membangun desain Kamu dengan data dan gambar realistis, cepat ubin objek secara horizontal dan vertikal, dan membuat pustaka gaya dan aset yang dapat disimpan di awan, dibagi antara tim Kamu dan diakses setiap saat.

Ada juga Craft Prototype, yang tidak hanya memungkinkan Kamu menunjukkan arus pengguna, transisi dan komponen dinamis seperti header tetap / footer, tetapi juga menyinkronkan demonstrasi tersebut ke dalam aplikasi InVision inti dengan Craft Sync, membawa seluruh tim Kamu ke dalam lingkaran dengan kelimpahan alat bantu komunikasi, kolaborasi, dan desain kelas atas.

Langganan aplikasi InVision mulai dari $ 15 per bulan, yang cocok untuk tim kecil. Namun, Craft sendiri dapat digunakan secara gratis.

10. Color Contrast Analyser



  • Harga: Gratis
  • Ringkasan: Periksa kontras warna Kamu memenuhi pedoman aksesibilitas

Untuk memastikan situs web Kamu dapat diakses oleh sebagian besar pengguna, perlu ada sejumlah kontras antara elemen desain yang berbeda (misalnya, latar belakang dan isi teks). Kontras ini diukur menggunakan rumus yang ditentukan oleh WCAG (Web Content Accessibility Guidelines).

Color Contrast Analyzer adalah plugin Sketch yang berguna yang membandingkan dua warna dan mendefinisikan rasio kontras di antara keduanya. Rasio kontras dibagi menjadi tiga level (A, AA dan AAA) - AA adalah minimum yang ditentukan oleh WCAG. Jika hanya satu lapisan yang dipilih, warna secara otomatis akan dibandingkan dengan warna latar belakang artboard.

Plugin sketch gratis ini membantu Kamu membuat keputusan desain yang solid menggunakan standar desain yang diakui secara internasional, dan harus dimiliki oleh para desainer yang berusaha meningkatkan keterbacaan dan aksesibilitas pekerjaan mereka.


Cara Memasang Plugin Sketch


Plugin Sketsa dapat diinstal dalam berbagai cara. Sebagian besar pengembang cukup mengunggah ekstensi mereka ke GitHub dalam bentuk file .sketchplugin. Ini cukup mudah, tetapi Kamu harus memeriksa kembali pembaruan secara berkala saat ekstensi diketahui rusak ketika versi Sketch yang lebih baru dirilis.

Kami juga dapat menggunakan Sketch Toolbox untuk mencari, menginstal, dan mengelola Plugin Sketsa. Namun, tidak ada jaminan bahwa Kamu akan diberikan versi terbaru, dan beberapa (seperti Craft) tidak termasuk dalam kotak perkakas.

SketchPacks diperbarui lebih sering dan biasanya menyertakan anak laki-laki besar seperti AnimaApp - namun masih belum ada plugin private-source seperti Craft.

Versi terbaru Sketch (versi 52.3) mencoba memperbarui Sketch Plugins ketika dapat, tetapi menggunakan Sketchpacks atau bahkan GitHub GUI - jika Kamu terbiasa dengan GitHub - dapat berfungsi sebagai alternatif yang sesuai. Untuk panduan lebih lanjut, lihat kiat teratas kami untuk menggunakan Sketch .

Artikel ini telah dipulish di creativebloq.com jika ingin lebih detail kamu bisa mengakses ke dalam website tersebut.

Tidak ada komentar:

Diberdayakan oleh Blogger.