Propeople Blog

A regular dose of fresh news, events, products, Drupal development resources and more.

July 5, 2010

A Complete Collection of Firefox Extensions for Designers

Mozilla Firefox is one of the most popular web browsers today and maybe the most popular when it comes to Web Design.

It's popularity is probably the result of it's great functionality and an enormous amount of stunning add-ons and extensions for designers, developers, social media lovers, businessmen, scientists and simple web surfers. Our complete collection of Firefox extensions presents you some of the best tools related to web and graphic design. I am sure you will find at least one extension that will make your life a lot easier. Enjoy!

Type Gauge

Type Gauge

TypeGauge is a simple extension for firefox that allows you to determine the font-size and line-height for any HTML element on the page. give it a try

Screengrab

Screengrab

It will capture what you can see in the window, the entire page, just a selection, a particular frame... basically it saves webpages as images - either to a file, or to the clipboard. No problems with Flash and Java. give it a try

Rainbow

Rainbow

Extracts the color scheme from the current website's images and CSS. Colors can be tried out on websites by dragging a color area from the picker, inspector, or library to webpage content, or by selecting an element to paint with the color picker. Color values can be viewed in hex, rgb, and hsl CSS formats. give it a try

Palette Grabber

Palette Grabber

Creates a color palette for Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET, or OS X based on the current page. give it a try

Image Zoom

Image Zoom

Easily zoom in, zoom out, fit image to screen or set custom zoom on individual images within a web page. All this can be done by using the context menu or a combination of mouse buttons and scroll wheel. Handy to see the finer details of smaller pics or to make very large pics fit within your screen. give it a try

Font Finder

Font Finder

FontFinder is created for designers, developers and typographers. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts. give it a try

FireShot

FireShot

FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part). Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers. give it a try

Cooliris

Cooliris

The fastest and most stunning way to browse photos and videos from the Web or your desktop. Effortlessly scroll an infinite "3D Wall" of content from Facebook, Google, YouTube, Flickr, and more. Even watch TV shows & movies. give it a try

Colorzilla

Colorzilla

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. give it a try

ColorSuckr

ColorSuckr

This Add-on allows you to right-click any image on the web and extract the 12 most common colors from it. You can then build color schemes from the results as well as many other features on the ColorSuckr website. give it a try

MeasureIt

MeasureIt

Draw out a ruler to get the pixel width and height of any elements on a webpage. give it a try

Image Tweak

Image Tweak

An image viewer for Firefox: zoom images and display them against a custom background. give it a try

Typecut

Typecut

The Firebug plugin that extracts embedded (Typekit) font resources from websites and allows their separate download. give it a try

Pencil

Pencil

Pencil is a Firefox add-on to do GUI prototyping and simple sketching. Pencil is a free and opensource tool for making diagrams and GUI prototyping that everyone can use. give it a try

Google Redesign

Google Redesign

A complete redesign of popular Google services, Google Redesigned loads and manages several CSS stylesheets that change the appearance of popular tools. give it a try

Comment to suggest your favorite Firefox Extensions for Designers. Next week we will release a Complete Collection of Firefox extensions for Web Developers. Don't miss a post, subscribe to our RSS feed and follow us on Twitter.

0 Responses to this post

Communicate!