8 Chrome Extensions For Designers

As a designer I am always looking for new tips, tricks and tools to help speed up and improve my workflow.

This is one of the reasons I love Chrome, there are thousands of free Chrome extensions available and below are just some of the extensions that help me with my design and workflow.

Awesome screenshot has a bunch of awesome features including capturing visible content of a tab, a region of a web page, or the whole page as a PNG image.

The one I use the most is the “Capture entire page”, this takes a screenshot of the entire webpage no matter how long the page is.  You can then add comments, share or download the images.

This is a great way to take pics for your portfolio.

screen capture extension

There are a ton of great web designers who are creating amazing websites with Web Fonts. So, wouldn’t it be nice if you could see which fonts they’re using?

WhatFont is the easiest way to identify fonts on web pages and tells you what font and styling options are used when you hover over the text on any webpage.

whatfont extension

Image Downloader is an awesome tool to use when you are redesigning a website for a client and need all of the same images on their new website.  You can bulk download all images or pick and choose which images you want to download.

When you press the “Download” button, all selected images are saved to the default download directory of Chrome. If you don’t have one, you just manually choose the save location for each image.

image downloader

ColourPick Eyedropper is extremely useful if you were previously saving images and opening them in your design software to pick out the colour codes!

With this tool, you can bring an eye-dropper directly into your browser to select the HEX colour code from webpages and save you loads of time.

colour picker extension

Page Ruler lets you draw a ruler on any page to display the pixel dimensions and positioning for any element on a web page.

Want to know the rough size to crop or scale an image to?  This tool lets you measure and get the exact pixel dimensions of any elements on a webpage.

page ruler extension

This extension lets you see title tags & meta description, scripts, stylesheets, images & fonts.

It gives you a run down of all essential web design, graphic and SEO elements in on click so you can easily see what you need to fix.

blue button extension

Loom lets you capture your screen, record your front-facing camera, and narrate it all at once, then instantly share with a simple link. No switching apps or upload required.

With this extension, you record your screen and talk through your instructions or ideas saving you time of having to type it all out.

loom

If you are like me trying to remember all of your passwords is impossible.

LastPass securely stores all of our passwords and with the Chrome extension, it will auto-fill in your login details for all of your saved sites.

lastpass