All these extensions are absolutely free.

Earlier on, Google Chrome was thought to be a threat only to internet explorer, because it was a choice of not-so-professionals. Things have changed now and its extensions are now posing a threat to Firefox’s popularity.
Today I’m presenting a big list of the best Chrome extensions for designers. These extensions (you might call them “plugins”) will help you a great deal in creating your graphics and designs.

I have tested all these extensions and they are all working with the latest Google Chrome version.


One of my personal favorite extensions for Chrome platform. It is power-packed with utilities for web designers. Web Page Resolution check, eye-dropper color picker, CSS HTML validators, color scheme checker/adviser and many other features which make your life easy.

free extension for designers


Transform your browser into a WYSIWYG HTML editor. A very unique kind of a tool. Basic function is to create HTML codes within the browser. Usage is a little hard to describe so you can watch the video I embedded below.

Editor Lite

Another great tool for creating HTML codes within the browsers. Somewhat like PageEdit (the previous extension). You should try both.

extension for web designers

Pixlr Grabber (Screen Capture – Image Grabbing)

Pixlr is one of the best online photo editors available. With this extensions, you can create screen capture of  visible part, selected area or whole page then you can edit them in pixlr editor or share them to public using

web designer tools

Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.

Development plugin

Session Buddy

Session Buddy is a flexible session management extension that allows you to easily save, edit, and restore your browser sessions.


Let’s be honest, we are the most disorganized people on earth so we need softwares to help us organize ourselves.

Google chrome extension for professionals

Speed Tracer (by Google Inc.)

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs.

Chrome extension for web developers

Lorem Ipsum Generator

Web designers often need dummy text to fill their web design layouts. This Chrome Extension that generates random “Lorem Ipsum” text.

Chrome utility for Web Designers

Chrome Sniffer

Basically a developer’s tool but nowadays most of the designers are half-developers so let’s not skip it. This extension will help web developer to inspect web framework / CMS and javascript library running on current browsing website. An icon will appear on address bar indicates the detected framework. Version detecting is being implemented.

Clip to Evernote

The Evernote Chrome Extension is the best way to remember all of the great stuff you see online. Forget about bookmarks and open tabs, save the actual web page–text, links, images and all with a single click.

Web Designer Tools


It’s still in BETA, but who cares! YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page’s performance, summarizes the page’s components, displays statistics about the page.

Google chrome extension


You sit down at the computer, and you swear you’ll be productive. Next thing you know, it’s twelve hours later. You’ve checked your email, updated your Facebook status, browsed the trending topics on Twitter and even read your RSS feeds. StayFocusd is a productivity extension for Google Chrome that helps you stay focused on work by restricting the amount of time you can spend on time-wasting websites.  Once your allotted time has been used up, the sites you have blocked will be inaccessible for the rest of the day. Cool huh!

Google Chrome Extension

EM Calculator

A handy, simple-to-use tool for converting pixels to ems from right within your browser. No longer do you have to go to a conversion website or have your calculator open.

Google Chrome Extensions

Resolution Test

Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. You DON’T need this extension if you have Pendule installed.

Google chrome extension

Eye Dropper

Another tool you don’t need if you have Pendule installed. Some people already have a Pendule alternative installed so that’s why I’m sharing these tools. You already the function of this extension, here’s the thumbnail.

Web Designer extension

Pin It