10 Useful Tools and Resources for Web Designers

In this article I would like to mention some of the tools and resources I use, that have made my standard workflow more productive and saved me a lot of time in the process. So here are my 10 useful tools and resources for web designers:

1. Marvel App – Create interactive prototypes from PSDs and images in your Dropbox (no coding required).



With Marvel you can turn sketches, wireframes, PSDs and designs into interactive mobile and web prototypes in just a few clicks. All synced in real-time from Dropbox.

2. InVision – Prototyping, collaboration and & workflow for designers



InVision is a prototyping tool similar to Marvel. Quickly transform your designs into beautiful, fully interactive prototypes complete with gestures, transitions & animations for web, iOS & Android. You get one free project and then you have to chose a paid plan.

3.  Froont – Responsive web design, the visual way



With Froont you can design websites directly in the browser with a simple drag and drop interface. It is free for public projects, but you can also buy a pro subscription for only $49 a month.

4. NinjaMock – Free tool for mobile app wireframes and website mock-ups

ninja-mock-1024x403NinjaMock is a real time saver when it comes to creating mock-ups for your website or mobile app. It’s easy to use and includes external review and real-time commenting.

5. Design Drop – A visual feedback tool for designers

desgin-drop-1024x511With Design Drop you can upload your design, share the url and receive feedback with visual annotations. It is totally free during their beta phase.

6. Gratisography – Free high resolution photography


On Gratisography you will find free high-resolution images that you can use in your personal and commercial projects.

7. Coveloping – Speed up your developing


Coveloping is a free css generator. Generate free css for box shadow, pricing tables, shapes, animations, buttons. If you decide to go pro it will cost you $2,99 per month.

8.  A collection of the best 100 free fonts


In the article you can see a preview of the free fonts and links to download them.

9. HTML5 UP! – Responsive HTML5 and CSS3 site templates


Here you will find one page responsive and easily customizable HTML5 templates, free to download and use under creative commons license.

10. Buamai – Where inspiration starts


And last but not least, we all need some inspiration every now and then. Buamai is a graphic design, photography, art, illustration, and architecture inspiration website, updated on daily bases.

  1. January 01, 2015 by Webdesigner

    You ought to be a part of a contest for one of the most useful websites online.
    I will highly recommend this web site!

  2. February 16, 2015 by Nivea

    Cool article, It was inspiring.

  3. February 16, 2015 by Burt's Bees

    Cool article, It was helpful.

  4. I think this is among the most important
    info for me. And i am glad reading your article. But should remark on few general things, The website style is great, the articles is really nice : D.
    Good job, cheers

Leave a Comment!

You must be logged in to post a comment.