Beranda » Grafik » 10 Plugin Sketsa Gratis untuk Pengembang Web

    10 Plugin Sketsa Gratis untuk Pengembang Web

    Sketsa mendapatkan banyak daya tarik di antara desainer dan pengembang web. Ini mungkin karena itu intuitif, mudah dipelajari dan dilengkapi dengan banyak fitur yang membuatnya jauh lebih mudah untuk membuat prototipe situs web. Mungkin juga karena aplikasi ini dapat dikembangkan yaitu Anda dapat menambahkan fitur baru ke aplikasi dengan mudah dengan bantuan plugin.

    Berikut adalah 10 plugin yang dapat membantu Anda meningkatkan produktivitas saat bekerja dengan Sketch. Ada beragam, mulai dari generator konten, pemilih palet warna, dan mereka dapat membantu Anda untuk menampilkan pengukuran lapisan atau secara otomatis menambahkan lapisan ke lapisan.

    1. CSS Buddy

    CSS Buddy memungkinkan Anda untuk menambahkan CSS ke lapisan Anda di ruang kerja Sketsa. Pada dasarnya, Anda dapat menerapkan lebar, tinggi, opacity, bayangan kotak, batas, dan latar belakang ke lapisan menggunakan CSS.

    Dengan plugin ini terinstal, cukup pilih layer lalu pilih Berlaku untuk Dipilih dari menu plugin. Dialog akan meminta Anda untuk memasukkan stylesheet Anda. Tambahkan konten CSS tanpa kelas CSS dan saksikan lapisan Anda terbentuk.

    2. Desain Material Palet Warna

    Jika Anda mengikuti tren Desain Bahan, hal yang menonjol yang akan Anda perhatikan adalah penggunaan warna-warna khas. Desain Bahan memiliki palet warna yang mengagumkan. Sekarang Anda bisa membawanya ke ruang kerja Anda Plugin Palet Warna Desain Bahan.

    Plugin ini akan menghasilkan palet warna dalam hitungan detik tanpa Anda harus menutup ruang kerja Anda. Pilih Hue, Value, atau Swatch untuk menghasilkan palet warna yang cocok untuk proyek Anda.

    3. Sketsa Notebook

    Terkadang kita perlu menunjukkan apa yang kita lakukan dalam komentar atau melalui dokumentasi. Jika Anda mengerjakan proyek dengan desainer lain atau keterlibatan klien, ini juga diperlukan agar Anda dapat memastikan bahwa hasilnya adalah apa yang semua orang tuju..

    Sketsa Notebook adalah plugin untuk mendokumentasikan desain Anda di Sketch dengan mudah. Ini akan menambahkan bilah sisi tambahan ke ruang kerja Anda, yang berisi komentar yang Anda tambahkan ke elemen apa pun pada desain Anda. Anda dapat menyusun ulang komentar, meluruskan kembali, menghapus, dan mengaktifkan visibilitas komentar.

    4. Pemain Harian

    Sebelum menggunakan gambar nyata dalam suatu desain, kami sering menggunakan gambar placeholder untuk mempercepat proses desain. Untuk Sketsa, Anda bisa menggunakan Pemain Harian untuk menambahkan placeholder yang dikustomisasi ke lapisan apa pun di ruang kerja Sketsa Anda dari 6 layanan gambar placeholder termasuk Placehold.it, LoremPixel, dan Unsplash. Setelah diaktifkan, Anda dapat mengatur lebar gambar, tinggi, dan informasi lainnya.

    5. Pembuat Konten

    Kami sudah memiliki plugin untuk menyisipkan gambar placeholder, bagaimana dengan satu untuk konten umum? Pembuat Konten membantu Anda menambahkan data dummy seperti avatar, nama, data geolokasi, dan lainnya. Berfungsi bagus untuk desain mockup dan untuk mengurangi sakit kepala karena mencoba mencari cara menghasilkan data di tempat.

    Untuk menambahkan data dummy, cukup pilih layer, lalu pilih Plugin> Generator, dan pilih Geo, Persona atau Foto.

    6. Ukuran Sketsa

    Ukur Sketsa adalah alat pengukuran untuk Sketsa. Ini mengukur panjang atau ukuran lapisan (atau lapisan) dalam desain Anda. Anda juga mendapatkan lapisan dan margin lapisan serta jarak antara dua lapisan. Sketch Measure juga dapat mencetak properti layer, seperti warna, batas, dan opacity. Semua pengukuran dapat dilakukan melalui pintasan keyboard.

    7. Tombol Dinamis

    Tombol dinamis membantu Anda membuat tombol dengan bantalan tetap dengan mudah. Secara otomatis akan menyesuaikan padding berdasarkan nilai yang Anda berikan, tidak peduli panjang teks Anda. Dengan plugin terinstal, sebuah teks dapat dikonversi menjadi struktur dengan pintasan Command + J. Jumlah padding yang diperlukan kemudian dapat ditinju ke (0: 0: 0: 0) layer teks (di bawah kelompok tombol flex).

    8. Skala Tipografi

    Skala tipografi adalah plugin untuk mengubah lapisan teks yang dipilih menjadi skala tipografi. Untuk menggunakan plugin ini, cukup pilih layer teks (tunggal atau ganda), atau layer campuran yang mengandung setidaknya satu layer teks, lalu pilih Plugin> Skala Tipografi dan sesuaikan nilainya pada dialog. Hasilnya adalah sekumpulan teks berskala yang mengikuti aturan skala tipografi.

    9. Modulizer

    Dengan Modulizer Anda dapat mengontrol bantalan untuk tombol, modul, atau area pada desain Anda dengan pintasan keyboard. Shift + Command + M. . Tonton demo video untuk melihat aksi ini.

    10. Blade

    Pernahkah Anda berpikir untuk mengubah desain Anda dari sketsa ke HTML? Jika demikian, Anda mungkin harus mendapatkannya Pedang, plugin Sketch yang secara otomatis menghasilkan file HTML dari desain Anda. Ini akan mengubah grup menjadi div, teks menjadi hal dan seterusnya.

    Saat menggunakan Blade, Anda dapat memberi tahu plugin tentang elemen DOM yang akan dihasilkan dengan menambahkan nama khusus ke layer, seperti [btn] atau input [teks] sehingga Blade tahu apa yang harus dilakukan. Lihat demo video ini untuk tampilan bagian dalam.

    Sekarang Baca: 12 Plugin Berguna untuk Pengembang WordPress