MENU

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).

marvel-1024x450

 

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-1024x411

 

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

 

froont-1024x460

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

gratisography-1024x701

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-1024x659

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

freefonts

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

htmls-1024x652

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

buamai-1024x365

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.

COMMENTS: 4
  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.