Every designer has their own way of doing things. Certain workflows, specific quirks, and yes… particular tools that help them design the best way they see fit. Here are some web design tools 2013.

froont

FROONT runs in your browser and allows you to see what you’re designing in the same way users will. Present comps online on all devices. Instead of giving static images to your developer, provide them with fully functional HTML and CSS code.

setmy.browsersize

patternlab

A collection of tools to help create and maintain atomic web design systems.

hammerformac

Hammer is a web development tool for web designers & developers. Build out static HTML sites & templates quickly and easily. No fuss, no mess, no PHP.

cssmatic

CSSmatic is a collection of four CSS online code generators aimed at helping web designers and developers alike save time writing CSS for gradient, border radius, noise texture and box shadow. All of these four CSS techniques are now widely used on websites and at times requires a lot of different CSS attributes to get them working across multiple browsers.

macaw

Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS.