Macaw

Stop writing code. Start drawing it.

 

Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It’s time to expect more from a web design tool.

 

Fluid canvas and grid

Macaw is engineered for fluid widths. Resize the canvas and your grids and elements will update accordingly.

 

Responsive Breakpoints

Designing for different device

size

s is tricky. Macaw lets you define arbitrary breakpoints and tweak properties for that specific width.

 

Rich Typography

Macaw gives you access to your system fonts, a full library of web fonts and even allows you to pull in Typekit fonts. It also provides useful calculations like characters per line.

 

Interactivity

Building clickable prototypes in Macaw is as easy as clicking on a target, but it doesn’t stop there. You can also add more dynamic interactions with the scripting palette. Macaw will even autogenerate templates and jQuery variables for you.

 

Design more with less

 

Global styles

Macaw lets you save common styles so that you can quickly apply them to elements across your document. Once applied, you can update all of the elements at once with the style editor.

 

Reusable components and assets

Have a complex element that you need to use on multiple pages? With Macaw you can store it in your library as a component and drag it on to any other page in your project.

WHAT’S NEW

Version 1.0.13:

• Fixed issue where the “About Macaw” dialog was not disabling drawing.

• Fixed bug where components could not be placed on the canvas.

• Addressed bug where using the breadcrumbs to exit image cropping would not fully exit image crop mode.

• Preserve focused scope when double clicking to exit image cropping.

• Fixed issue where pasting values in the shadow dialog would also paste elements on the canvas.

• Fixed seemingly random font

size

publishing bugs due to em consolidation.

REQUIREMENTS

OS X 10.8.5 or later

ScreenShots

:

 

If you are using Adblocker!! Ple