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.
Preorder now! Watch the Sneak Peek video!
Macaw is engineered for fluid widths. Resize the canvas and your grids and elements will update accordingly.
Designing for different device sizes is tricky. Macaw lets you define arbitrary breakpoints and tweak properties for that specific width.
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.
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.
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.
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.
We wanted Macaw to write code you'd be proud enough to hand to developers. Current applications rely on trendy frameworks, export rigid positioning and generate ridiculous IDs. We think designers and developers deserve better. Macaw's powerful, patent-pending engine is called Alchemy and it can do some incredible things.
Alchemy analyzes every possible selector to describe your document and determines the most succinct way of using them based on logical criteria: applicability, specificity and semantics.
Macaw offers designers the freedom of absolute positioning within the interface but will convert to a static document flow upon export by calculating the necessary margins, padding, floats and clears. It's the best of both worlds.