10 Add Ons Chrome Untuk Desain Web yang Bisa Dicoba

add ons chrome

Banyak blogger yang mencari cara untuk memperbaiki desain web mereka. Cara paling mudah untuk membantu membuat desain web adalah dengan ekstensi chrome yang tepat. Berikut adalah daftar ekstensi chrome untuk desain web dari Web Store Google Chrome, di sini kita dapat menemukan font yang tepat, membuat gambar inspirasi, menemukan resolusi warna yang tepat, membuat desain grafis, mengukur elemen, dan menganalisa halaman kita sendiri dan halaman pesaing.

1. Pixlr Editor

Pixlr editor adalah editor foto online. Kita tidak perlu download dan mengeluarkan biaya, karena tools ini gratis. Pixlr editor berisi fitur-fitur canggih yang biasa kita temukan di aplikasi desktop desain grafis, seperti layers, lasso tool, brush controls, cloning, dan filters.

2. PicMonkey

Ekstensi chrome yang satu ini merupakan editor foto online yang memungkinkan untuk mengambil gambar langsung mengambil dari halaman web dan membukanya di PicMonkey.

3. ColorZilla

Dengan ColorZilla kita bisa mendapatkan setiap warna pada browser, dan dapat disesuaikan untuk kemudian di paste ke program lain.

4. WhatFont

WhatFont adalah cara termudah untuk mendapatkan informasi font. Pada WhatFont juga terdapat layanan yang dapat mendeteksi web font yang digunakan. WhatFont juga mendukung terhadap Typekit dan Google Font API.

5. Evernote Web Clipper

Gunakan ekstensi Evernote ini untuk menyimpan elemen web apapun ke dalam akun Evernote kita. Menambahkan dan highlight text, menggunakan visual callouts, share clips, and masih banyak lagi.

6. YSlow

YSlow menganalisa halaman web dan memberi saran cara untuk meningkatkan kinerja berdasarkan aturan yang ada. Ekstensi ini menilai sebuah halaman web, merangkum komponen suatu halaman, serta menampilkan statistik halaman tersebut.

7. Brechwarmer

Ekstensi chrome ini digunakan untuk Dribble, situs ini menunjukkan dan mempromosikan karya desain yang inspiratif kepada kita. Setiap kali membuka tab baru, Brenchwarmer akan menunjukkan gambar-gambar inpirasi terbaru dari gambar populer.

8. Palette

Bingung membuat warna yang cocok untuk gambar? Atau mengambil beberapa warna untuk menginspirasi warna gambar? Disini kita bisa menggunakan Pallete, caranya klik kanan pada gambar yang diinginkan, kemudian pilih option “Palette for Chrome” dan pilih jumlah warna yang kita inginkan.

9. Instant Wireframe

Ekstensi ini dapat membantu untuk melihat halaman web dengan overlay Wireframe.

10. Dimension

Dimensi adalah tools desain untuk mengukur dimensi layar, seperti batas area, gambar, elemen HTML, tombol, video, teks, dan ikon. Ekstensi ini juga ideal untuk mengukur mockups.

Leave a Reply

Your email address will not be published. Required fields are marked *