15 Plugin Photoshop Gratis Untuk Desain UI

15 Plugin Photoshop Gratis Untuk Desain UI

Walaupun Adobe Photoshop adalah software yang lebih familiar dalam editing dan pengolahan citra/gambar, tetapi banyak desainer antar muka atau User Interface (UI) yang menggunakan…

Walaupun Adobe Photoshop adalah software yang lebih familiar dalam editing dan pengolahan citra/gambar, tetapi banyak desainer antar muka atau User Interface (UI) yang menggunakan software tersebut untuk kebutuhan pekerjaan mereka. Seiring perkembangannya (hingga versi Creative Cloud), Adobe company terus mengembangkan fitur-fitur Adobe Photoshop untuk menunjang kebutuhan desain UI baik website maupun mobile application.

Seiring besarnya kebutuhan tersebut, banyak programmer yang menciptakan plugin-plugin yang membantu kerja desainer UI lebih cepat dan efisien. Berikut beberapa Plugin gratis yang sangat bermanfaat dalam mendesain tampilan antar muka (UI) website maupun aplikasi mobile :

CSS3Ps

CSS3Ps Plugin

CSS3Ps adalah Plugin untuk Adobe Photoshop yang berbasis cloud yang berguna untuk mengubah setiap layer desain Anda menjadi kode CSS3. Karena berbasis cloud maka untuk urusan update Plugin dan perbaikan bug sangat transparan sekali. Tidak perlu proses unduh Plugin berkali-kali untuk mendapatkan fitur-fitur terbaru dari Plugin ini.

skeuomorphism it

02-plugin

Flat desain menjadi trend dan booming sekarang. Ingin mengubah tampilan desain UI Anda yang masih berbau skeuomorphism ala Scott Forstall menjadi Flat? gunakan Plugin ini dan klik, Voila! desain UI Anda menjadi trend sekarang :).

Cut&Slice Me

03-plugin

Dalam proses developing sebuah website maupun mobile application. Tentu dibutuhkan setiap elemen logo, icon, gambar dan lain-lain dari sebuah desain UI yang disebut dengan Assets. Nah untuk menghasilkan Assets, seorang desainer UI harus memotong-motong setiap bagian elemen tersebut. Plugin Cut&Slice Me membantu untuk mempercepat proses pemotongan Assets menjadi lebih cepat dan efsien.

RefillReadr

04-plugin

Plugin RefillReadr berguna untuk mengambil sebagian atau satu utuh sebuah desain UI yang sebelumnya sudah disiapkan dengan menggunakan PixelDropr. Anda cukup drag dan drop saja untuk memindahkan sebuah desain UI dari RefillReadr library ke kanvas Adobe Photoshop Anda.

GuideGuide

05-plugin

GuideGuide membantu untuk membuat garis bantu (guideline) lebih presisi. Sangat mudah untuk mengatur jumlah kolom, baris, midpoints dan baselines secara lebih akurat.

SocialKit

06-plugin

SocialKit menyediakan empat template social media yang terkenal (Facebok, Twitter, Google+ dan YouTube). Keempat template tersebut bisa dikostumisasi secara maksimal dan sudah siap dipotong untuk menjadi Assets.

LessHat

07-plugin

Plugin dari madebysource ini berguna untuk mengintip kode Less dari sebuah desain UI terutama website. LessHat sudah terintegrasi dengan Plugin premium lainnya dari madebysouce yaitu CSSHat.

Layrs Control

08-plugin

Layrs Control adalah Plugin yang membantu mengorganisir dan mengoptimalkan layer-layer pada sebuah desain UI. Layrs Control memiliki lima fitur utama yaitu Layer Name Editor, Remove Unused Layer Effects, Flatten All Layers Effect, Delete Empty Layers and Rasterize Smart Objects.

BlendMe in

09-plugin

BlendMe in adalah Plugin yang dibuat untuk Adobe Photoshop dan Illustrator. BlendMe in memberikan akses kepada ribuan Assets termasuk icon packs yang bisa Anda gunakan dalam desain. Semua Assets dibawah lisensi Creative Commons Attribution yang bisa Anda gunakan untuk project personal maupun komersil.

Renderly

10-plugin

Renderly akan secara otomatis meng-exports Screens, Assets dan detail specs dari sebuah desain UI lebih rapi dan mempermudah proses pra-development untuk project website dan mobile application.

Composer

11-plugin
Composer memberikan kemudahan untuk men-update Layer Comps di Adobe Photoshop hanya dengan satu klik saja. Sangat menghemat banyak waktu Anda yang akan merasa kerepotan untuk mengatur ulang setiap perubahan layer pada Layer Comps.

WebFont Plugin

12-plugin

Tampilan Font dalam kanvas Adobe Photoshop dan dalam wujud website yang sudah aktif akan terlihat sedikit berbeda. WebFont Plugin membantu menayangkan tampilan Font ketika menjadi website yang aktif di dalam kanvas Adobe Photoshop.

Breeezy

13-plugin

Breeezy menyuguhkan fitur multilayer export yang akan mempercepat proses persiapan Assets untuk sebuah website maupun mobile application.

Save Panel

14-plugin

SavePanel membantu mengoptimalkan penyimpanan file desain. Anda dapat mengatur destination folder filenya, ukuran gambar dan tipe file maupun namanya.

Flaticon

15-plugin

Plugin Flaticon memberikan Anda akses ke puluah ribu vector icons gratis yang bisa diunduh dalam berbagai format tipe, seperti SVG, PSD dan PNG.

 

Bagaimana dengan Anda? apakah ada beberapa Plugin yang sudah anda coba? atau memiliki referensi Plugin lainnya? mari budayakan berbagi dengan menyalurkannya melalui kolom komentar di bawah ini :).

Tag: , , ,

6 Comments

Leave Comment
  1. Eh, yang CSS3Ps itu plugin gratis ya??

  2. oktario says:

    saya sangat suka dengan tampilan websitmu.. sangat bagus dan mudah didesign.. bisa minta tolong tidak bagaimana cara membuat website sekolah taman kanak-kanak.. terimaksih..

Write Comment

Your email will not be published. The marked label is required.