Web Design Tools

5 Free Google Chrome Extensions for Web Designers

There are plenty of awesome web design tools available these days. No matter what challenges you’re trying to solve in your web design it’s likely there is always a tool for it, it could be a standalone app or component of a larger software. While the web design community has evolved a lot since the early days, there is still a spirit of sharing the tools that you use to come up in your designs and so many of these great tools are free and available as extensions in the most commonly used browser, Google Chrome Web Store.

Web design tools that I frequently use.


Mobile Responsive Web Design Tester by anikakartop125

Mobile Responsive

It is a versatile tool to test how your web design will look like on mobile devices. It can simulate your web design from various screen sizes of mobile devices ranging from phones, phablets, and tablets. Using this tool you can ensure the responsiveness of your website without running them on the actual devices.

ColorPick Eyedropper by vidsbee.com

Color Picker

Sometimes you will come across a website that has beautiful color combinations. You are curious about what those colors are and want to incorporate them into your own workflow. With the help of this tool, you will be able to identify the exact colors used on a certain webpage. A zoomed eyedropper & color picker tool will let you select color values from web pages and more.

WhatFont by chengyinliu.com

What Font

This awesome tool can help you with the fonts used on a web page. All you need to do is to hover your cursor on a specific text and it will provide you the text attributes like font family, style, weight, size, line height, and colors. It also detects the services used for serving web fonts. Supports Typekit and Google Font API. It is beneficial when you want to replicate the font used on someone’s website.

Full Page Screen Capture by gofullpage.com

Full Page

This intuitive tool helps you to capture the entirety of your current web page. The output of this tool is helpful when you are building portfolios of your projects. Results generated by this extension can be viewed in jpeg and pdf format.

Lorem Ipsum Generator by getlorem.com

Get Lorem Ipsum

With the aid of this extension, you can easily generate lorem ipsum placeholder text. This will provide you the actual visual presentation of your chosen fonts on how will it look in real life. Also, the values that you entered will be stored so that they will always come in handy when you need them.

So there you have it. There are still plenty of extensions out there that is up for us to explore. These tools will either help us to work more efficiently or improve our existing web design.

Leave a Comment

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