Web designers often need to take care of way too many tasks, and in most cases they end up leaving some of these assignments for later. However, the more experienced of them have found out that there are tons of great tools that can help them get their job done quickly and efficiently. If you’ve been into web designing for a while, then you probably have a neat collection of tools that you use on a regular basis, but we are sure that there is still room for improvement. In this post we’ll tell you about 8 completely free tools that will definitely be a great addition to any web designer’s tool collection.

One Div Emoticons

One Div Emoticons

If you are looking for a neat way to spice up some of your projects, then why don’t you try taking advantage of One Div Emoticons? Using old image-based emoticons or creating new ones from scratch isn’t always the best decision. Thanks to One Div Emoticons you can quickly use completely text-based emoticons that are neat-looking and very lightweight.

Legacy Edition

Legacy Edition

There are millions of free and premium fonts to choose from, so most web designers don’t have problems selecting the fonts for their projects. However, if you want to try something a bit different, then you can take a closer look at Legacy Edition – a great handwritten font face that will certainly add some uniqueness to your next project.

IM Creator

IM Creator is a free online service used by web designers and web developers across the entire world. This is currently one of the most reputable and popular website builders, and it is a great place to start your next project. The first thing that we have to mention is that you get a free hosting account, as well as access to an easy-to-use administration area that’ll make your life a lot easier.

Other great features that IM Creator offers are SEO optimization, a rich collection of pre-made templates, social media integration, free sub-domain name, and a huge collection of great web development tools.

Relax Widgets

Designing widgets from scratch can be quite time-consuming and exhausting. Thankfully, Relax Widgets is a completely free collection of widgets that can be used for various purposes. Naturally, you can also customize them to fit other needs as well, so don’t hesitate to give them a try.

Creative Link Effects

The traditional link effects available through basic CSS code rarely meet the demands of professional web designers. If you want to browse through a wide range of great effects for your hyperlinks, then try out Creative Link Effects. This great tool will help you spice up all the menu items and other links in your project.


Every web design project starts with a sketch. Depending on your needs and preferences, you may use tools such as Adobe Photoshop and Adobe Illustrator for your sketches, but there are more suitable applications for this purpose. Axure is one of the most popular wireframing tools among web designers, and we assure you that it won’t disappoint you!

Axure is a great solution for all your wireframing needs! Regardless if you are looking to create a sketch, interactive prototype or prepare a website presentation for your client, Axure has the necessary features to meet your needs. This piece of software also boasts collaborative features that will come in handy to every web design team.

Google+ Template GUI

Pre-made icons can save you a lot of time, and if you use them correctly, then the fina lreuslt will be impressive as well. One of the best places to find pre-made graphical elements is the Google+ Template GUI – a great bundle of interface icons and other graphics that will help both beginners and advanced web designers.


If you have trouble finding inspiration for your next project or if you think that you need an extra opinion on your next move, then GitHub is the place to start. This website is home to over 4-million web designers and developers who are there to share ideas and opinions with their colleagues.

Compress PNG

As a web designer, you have to make sure that your project will be both eye-pleasing and well-performing. Using heavy images will reduce performance, so we advise you to take advantage of Compress PNG. This great tool quickly and efficiently compresses PNG without reducing their quality or limiting their compatibility.


If you’ve ever wondered how a specific font would look when used in a website, then TypeWonder is the tool that you’ve been searching for. Type the URL you want to test, select the font that you want to check out and wait for the results to appear.

Adobe Illustrator CC

Adobe’s products are well-known for their uniqueness and functionality, but the company took their software to the next level by adding the Creative Cloud feature. Adobe Illustrator CC is the latest version of Adobe Illustrator, and it packs all the necessary features that you want to see in an image editor. Illustrator works great for shape & vector creation, as well as for sketching websites.

Thanks to Creative Cloud you can access your resources and projects from anywhere and collaborate with your colleagues and classmates.


A small piece of JavaScript can do miracles with every website, so you should definitely consider trying out SlimerJS. This is a scriptable browser that allows you to execute 3rd-party JavaScript in any website, thus giving you the ability to try out different scripts and observing the outcome.