10 Firefox Extensions Every Designer Should Know

There are very rare designers who doesn’t use Mozilla Firefox in fact it’s very popular among professional web designers and developers. It is just because of its large library of extensions that makes a happy user experience. Also it makes your workflow quicker and productive.

In our today’s post we bring you a list of useful Firefox extensions for web designers that will definitely makes a big difference.

Web Developer

Web Developer Firefox Extension

The Web Developer extension adds various web developer tools to a browser.


Firebug - Firefox Extension

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.


Measure It - Firefox Extension

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.


Colorzilla - Firefox Extension

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes.

CSS Usage

CSS Usage - Firefox Extension

CSS Coverage is an extension for Firebug which allows you to scan multiple pages of your site to see which CSS rules are actually used in your site.

IE Tab V2

IE Tab V2 - Firefox Extension

Just like the classic IE Tab, this updated version of IE Tab allows you to use IE to display web pages in a tab within FireFox.


Fireshot - Firefox Extension

FireShot creates screenshots of web pages entirely.

Page Speed

Page Speed

Page Speed is a web-based tool that allows users to analyze pages at any time, in any browser, without downloading an extension. It also features Page Speed Mobile analysis, which lets developers analyze their site as viewed by a mobile browser, and get suggestions specific to mobile optimization.

Html Validator

Html Validator - Firefox Extension

HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon.

Window Resizer

Window Resizer - Firefox Extension

The Browser Window Resizer is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes. Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions. Resize the current page via the Context menu, Tool menu or Toolbar button.

Browse Ideas

A participative design community to satisfy your thirst for the latest design news, freshest design trends, and creative art inspiration. You can connect with us on Facebook , Google+ or follow us on Twitter.

You may also like...