15 must-have Chrome extensions for designers

A designer’s job is a lot of fun and full of creativity. However, every job involves hassle and boring manual labor to a certain degree. To help make your life a little bit easier we’ve listed 15 of our favorite Chrome extensions that boost efficiency, enhance creativity or generally make working more fun. Admittedly, the three tools at the bottom aren’t really Chrome extensions. However, we liked them so much that we still included them in this list. 

 

1. Colorzilla


No one likes the HEX code hassle. You will want to create display ads with the exact same brand colors as found on the website. You don’t always have your brand book handy. For colors at least, you don’t have to when you have Colorzilla installed. With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. It also has a bunch of other nifty features, making it the most comprehensive color picker available.

 

colorzilla1

 

 

2. Site Palette


If you need all colors from a website, then Site Palette is the tool for you. Site Palette generates color palettes based on the coding of the website. It also allows you to create shareable links and download auto-generated Sketch templates.

 

 

 

3. WhatFont


Have you ever tried finding out what font is used on a website you really like? And how often have you turned up empty-handed? WhatFont recognizes the font used for any piece of copy you come across in your browser by hovering over it. Pretty useful for when you work at an agency and your client has forgotten the name of the font they want to use in their display ads...

 

whatfont

 

 

4. Image Downloader


If you ever need to bulk download images from a web page, Image Downloader, is the extension for you. This is an especially useful tool for agencies and publishers that create a high volume of display ads for SMB clients that don’t have too many resources at their disposal. Image Downloader has some extra features that allow you to filter images on a page by width, height, and URL or customize image display width, columns, border size, and color.

 

image downloader screen

 

 

5. Pageruler


Keep your designs pixel perfect with Pageruler. This handy tool allows you to draw a ruler to get pixel dimensions and positioning and measure elements on any web page.

 

pageruler

 

 

6. Designers Ruler


Designers Ruler is a simple on-screen ruler for designers to measure anything on the web. Simple indeed, although it includes some very useful options like a drop-down overlay and type measurements.

 

design ruler screen

 

7. Corporate Ipsum


Not sure if we’re solving a real problem here, but Corporate Ipsum generates random corporate mumbo-jumbo that is different from the generic lorem ipsum texts. What’s so useful about this tool, is that it generates filler content by the word or paragraph. A definite time-saver!

 

corporate ipsum

 

 

8. Window Resizer


Digital designers want to know if their designs are suitable for different screen resolutions. Window Resizer allows you to emulate screen or browser resolutions so you can test your designs in any of them. A great tool for doing a final check on your designs.

 

resizer

 

 

9. Dark Reader
 


This eye-care extension enables night mode creating dark themes for websites on the fly. Dark Reader inverts bright colors making them high contrast and easy to read at night. You can adjust brightness, contrast, sepia filter, dark mode, font settings, and ignore-list. Before you install disable similar extensions.

 

darkreader1

 

 

10. Pexels chrome extension


Everyone appreciates a little bit of inspiration every now and then. The Pexels chrome extension shows you a beautiful photo each time you open a new browser tab. This extension will make you go ‘wow’ a couple of times each day. Pexels is one of many great stock photo providers that offers a lot of free material.

 

Screenshot 2019-06-07 at 14.55.38

 

 

11. Easy Screen Capture


This screen capture tool is a great alternative to most solutions around, as it is updated frequently and it enables you to save your screenshots in PNG as well as PDF files or to share them directly. Easy Screen Capture also allows you to define a default folder for your screenshots and the extension offers some basic editing tools so that you won’t have to open, edit, and save your file.

 

easy screen capture

 

 

12. RescueTime for Google Chrome™


You’re busy all day, most days of the week. However, by the end of the week it is hard to recall what it was you did exactly. Let alone by the end of the month. Sounds familiar? RescueTime helps you generate insights in the work you’ve done. For example, if you spend your time creating display ads for clients, you’ll be able to see how many hours you’ve spent on which projects for which clients.

 

RescueTime screen

 

 

 

13. TinyJPG/TinyPNG


A hard service to miss, since anyone will use TinyPNG sooner or later to resize, compress or crop images. It is mostly used to comply with file-size restrictions of ad networks, or simply to make your website faster and more fun to use with the best compression. If for any reason the images you want to use for your display ads are quite heavy, TinyPNG is the place to go. 

 

 

14. Fontsquirrel


Not all font files are very stable on web. For this reason, Bannerwise only accepts .ttf font files. If you don’t have a .ttf file of your font, you’re able to convert it with Fontsquirrel’s Webfont Generator. Note that your fonts need to be legally eligible for web embedding. This means that, to a certain extent, you must own the copyright to the font you’re using.

 

 

15. Coolors.co


If you’re looking for a little bit of color inspiration for your creatives, Coolors.co will help you generate a color scheme. Coolors.co also generates color schemes based on images and allows you to adjust and refine properties like temperature, hue, and saturation. Coolors.co offers handy export formats and allows you to store everything in the cloud.

 

Last but not least we’d like to point out that our platform, Bannerwise, is a pretty nifty tool as well. It helps you create beautiful custom display ads in a jiffy. 

video of no-code HTML5 ads for designers

Check out some examples or find out more by contacting us!

 

 

Looking to increase the ROAS of your campaigns?

Let us know about your challenges and we'll discuss how to improve the performance of your display and social campaigns
Schedule a call

What to read next

Advertising professionals, it's time to make remote work a lot easier

7 best practices for creating killer Facebook video ads

3 ways to improve your marketing campaign results