Macaw is called by it’s creators “The next generation web design tool. Powered by the world’s most intelligent design-to-code engine”. What if this is not only an exaggerated marketing description?

The main advantage of Macaw is that it’s built by and for web designers. Photoshop is a great app, but it was not intended for web designers. Photoshop made some useful improvements for web designers the last years, but it has some significant shortcomings when it comes to, for example, “Responsive Web Design”.

The mockups, created with Photoshop, are static and for a specific resolution. Those mockups aren’t aware of a browser and how it could look on smaller (or bigger) devices. The mobile usage is constantly and rapidly growing, so this shortcoming is becoming very embarrassing. Photoshop remains, however, a fantastic tool for photographers and graphics designers.

Macaw, on the other side, is aware of HTML, Javascript & CSS specifications. It is focused on what the browser can do. Because of that, it can export your mockups to responsive and clean code.

macaw-webdesign-software

Demonstration of the Macaw webdesign software

Macaw has released an impressive “sneak peek” of the application some months ago. The code, exported by the tool, is very clean and at first sight very clever.

Other, new and refreshing tools with the same objective are also worth mentioning:

  • FROONT: browser based Responsive web design tool
  • Webflow: create responsive websites without code
  • Divshot: visual front-end development

What do you think?