17 Best Chrome Extensions For Designers

17 Best Chrome Extensions For Designers

As designers, we’re almost always trying to find new tips & tricks, and some tools to help speed-up and enhance our workflow. So here I bring some best chrome extension (chrome plugins) for designers that gonna improve your workflow, I have listed out of 17 best chrome extensions for designers.

Dimensions

Dimensions is the best tool for designers to measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel.

Dimensions is Open Source and hosted on Github. Want to port it to Firefox? Go ahead and fork it. Pull requests are welcome! https://github.com/mrflix/dimensions

Colorzilla

I’ve used many color pickers for Chrome, but ColorZilla is palms down the best. ColorZilla, one of the most popular extensions, that assists web developers and graphic designers with color related tasks - both basic and advanced.

With ColorZilla you can get color code from any point in your browser, quickly edit this color and paste it into another program. And it can do so much more...

ColorZilla includes a Color Picker, Eye Dropper, Webpage Color Analyzer, Palette Browser, Gradient Generator, and many additional advanced color tools.

One nice thing about ColorZilla is that it auto copies the color hex code to the clipboard when you click on it.

Font Face Ninja

This is my favourite tool. Using Fonts Ninja I easily identify fonts, font type, font size, line height(leading) , color hexcode of font on any website and let you try them in your design software. This tool is best for designers and developers.

PerfectPixel

PerfectPixel extension helps you to put a semi-transparent image overlay over the top of the developed HTML and perform a pixel-perfect comparison between them.

PerfectPixel extension is available in Chrome, Firefox, and Opera browser only.

Bukket

This is one of my favorite extension. Using Bukket extension We can easily take All-in-One Screenshot, Screen Capture, and Screen Recorder app! Everything made possible within the browser. we can save 1 or 100 images in seconds.

Bukket extension to help you save as much time as possible. You can either drag and drop or just hit the 'Bukket it' button.

Muzli

Muzli is best tool for designer. Muzli Chrome Extension instantly delivers relevant design stories and inspiration. Muzli bringing you the freshest design, UI, UX and interactive news and shots from around the web. All the design inspiration you need. Enjoy the most inspiring stuff out there. Never miss the next big thing. 

Muzli will replace your default tab, it will become your home page, so you don't miss anything.

Window Resizer

Window Resizer extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions. Also provide customizable resolutions(add/delete/re-order).

You can set the window's width/height, window's position, preset icon and even the option to apply the new dimensions to the entire window or just to the viewport.

Page Ruler

Using Page Ruler Extension to get pixel dimensions and positioning, and measure elements on any web page. Page Ruler lets your draw out a ruler to any page and displays the width, height and position of it (Draw a ruler to any page and view the width, height and top, bottom, left and right position). 

CSS Peeper

CSS Peeper extension is inspect items instantly. Select any object on website to get a well-organized specification with some handy properties (Font Family, Line Height, Weight, Tracking, Color Code, Effects, Object Properties) that you can easily use in Sketch or Photoshop. CSS Peeper allows you to inspect the whole color palette used on a website.

WhatFont

What Font extension is similar to the Font Face Ninja extension. The easiest way to find out the fonts used in any webpage using What Font extension. With this extension, you could inspect web fonts by just hovering on them. It is that simple and elegant. It also detects the services used for serving web fonts. Supports Typekit and Google Font API.

Please drop a message on the comment section for which tool you most like Font Face Ninja or WhatFont? and Why?

SVG Grabber

Using SVG Grabber extension to quickly preview and get all the svg assets from a any website. and download all SVG icons or Copy the svg code. SVG grabber is an open-source tool created by Jaques Bouman and Juan Rios at NGTI in Rotterdam, The Netherlands.

Grammarly

Grammarly Chrome Extension is the best extension to fix your grammar, spelling, and punctuation issues, and it can also help you revise sentences that are grammatically correct but wordy and unclear. Grammarly helps you to find out writing errors and the perfect words to express yourself. You’ll get suggestions from Grammarly as you write on Gmail, Twitter, LinkedIn, and nearly everywhere else you find yourself writing. Grammarly saved your personalized writing report. Also, Grammarly extension detects your writing tone (more confidence, friendliness, or whatever the situation calls) and helps you figure out how your message will come across to readers.

TinEye Reverse Image Search

Using TinEye Reverse Image Search extension Find out where an image came from, how it's used, or find higher resolution versions by just right click on image and then click on "search image on TinEye" option. TinEye does not typically find similar images; it finds exact matches including those that have been cropped, edited or resized.

Adblock

This is not specific to the designer. but I think I should share this tool with you. Maybe it's very helpful for you. AdBlock extension is block ads and pop-ups on YouTube, Facebook, Twitch, and your favorite websites. Ad blocker extension works automatically and blocks all ads by default. 

Pinterest Save ButtonPinterest Save Button is one of my best extension that I am using in my daily routine. It's save any idea you find around the web so you can easily get back to it later. Just click to save design inspiration, articles, ideas you want to try it. or if you wanna save your idea directly to Google Drive then download "Save to Google Drive" Extention.

Color TabColor Tab extension provides Color Palettes inspiration for Designers and Artists. Color Tab fills up your "new tab" screen with beautiful colors from the best of Color Hunt's collection. Each time you get a new color palette by open up a new tab. This tool made by Color Hunt.

Custom Cursor

Custom Cursor extension is not for designer specific. It's just for fun custom cursors for chrome. Customize your experience of using the Chrome browser with cool free mouse cursors and Create your own collection of mouse cursors from any images.

Thanks for reading "17 Best Chrome Extensions For Designers" blog and I hope this blog will help all the designers. Please let us know in the comments below if you have got any other useful chrome extension (chrome plugins). Please subscribe to designkeys newsletter and never miss an update. We will come back with more useful designing resource :)