Firefox has some great extensions that help to make the lives of us designers simpler. If you have an interest in web design then you should check this list out and maybe think about downloading some of these great plugins.
Here is a list of the top eight web design extensions for Firefox:
Pencil is a great web design planning tool. It allows you to create design mock-ups simply by dragging and dropping elements into a document. You can then export this document as an image to show your clients.
Get Pencil here: https://addons.mozilla.org/en-US/firefox/addon/8487/
Screengrab is a great tool for taking quick screenshots. You can choose to capture part of the screen or all of it with one click, this can then be saved directly as an image on your computer or copied to your clipboard for later use.
Get Screengrab here: https://addons.mozilla.org/en-US/firefox/addon/1146/
ColorZilla is a simple color picker for your browser. Use it to find out the RGB or Hex Codes of any items on a web page. It also features a handy colour palette tool so you can save your favorite colours to use at any time.
Get ColorZilla here: https://addons.mozilla.org/en-US/firefox/addon/271/
Measure it allows you to measure any part of a web page. It is extremely useful for when you are designing layouts and you need to know how much space you have to play around with. Simply click and drag from one place to another and get the height and width in pixels.
Get Measure it here: https://addons.mozilla.org/en-US/firefox/addon/539/
Aardvark gives you quick information about the layout of a web page. All you have to do is switch it on and then mouse over an area of a web page to get information on a specific element. You can use keyboard shortcuts to find out which parent divs elements belong to. Aardvark is very useful for CSS problem solving.
Get Aardvark here: https://addons.mozilla.org/en-US/firefox/addon/4111/
Web Developer is a multi purpose toolbar which can help out with all things web design. You can use it to validate web pages, outline specific elements, edit CSS, disable Javascript, resize your window, disable images and much more. You are bound to find a use from at least a few of its features so it’s worth the download.
Get Web Developer here: https://addons.mozilla.org/en-US/firefox/addon/60/
Firebug is another multi-purpose web development tool. You can edit, debug, and look at CSS, HTML, and JavaScript live in any web page. This extension is extremely useful if you want to quickly test CSS changes in your browser without directly editing the required files.
Get FireBug here: https://addons.mozilla.org/en-US/firefox/addon/1843/
FireFTP is a great FTP client that runs in your browser. It’s simple interface makes it easy to upload and download files from your server. You can easily set up and alter different accounts for each of your domains. If you are looking for an FTP client that is reliable and easy to use, FireFTP is a good bet and just like all other FireFox extensions it is totally free!
Get FireFTP here: https://addons.mozilla.org/en-US/firefox/addon/684/
Conclusion
So, there we have it, a list of 8 must have web design related extensions for Firefox. Which ones do you find most interesting? Any missing from that list? I’d love to hear from you!
Check out these articles for more handy Firefox extensions.
