Macaw

停止手写代码，开始绘图式设计。Macaw 提供与您最喜爱的图像编辑器同等的灵活性，同时自动生成语义化 HTML 和极为简洁的 CSS。是时候对网页设计工具提出更高要求了。

流体画布与网格

Macaw 专为流体宽度而设计。调整画布尺寸时，网格和元素将自动响应更新。

响应式断点

针对不同设备尺寸进行设计颇具挑战性。Macaw 允许您自定义任意断点，并针对特定宽度微调元素属性。

丰富排版支持

Macaw 让您可直接使用系统字体、完整的网络字体库，甚至支持接入 Typekit 字体。还提供每行字符数等实用排版计算功能。

交互原型构建

在 Macaw 中创建可点击原型只需单击目标对象，但这仅是起点。您还可通过脚本调色板添加更动态的交互行为。Macaw 甚至会为您自动生成模板及 jQuery 变量。

以更少工作量实现更多设计

全局样式

Macaw 允许您保存常用样式，以便快速应用到文档中的任意元素。应用后，您可通过样式编辑器一次性更新所有已应用该样式的元素。

可复用组件与资源

是否需要在多个页面中重复使用某个复杂元素？在 Macaw 中，您可以将其保存为组件存入资源库，并随时拖拽至项目中的任一页面。

更新日志

版本 1.0.3：

• 修复跨断点发布时 rem 单位计算错误的问题。

• 确保预览浏览器中打开的页面为实际已发布的页面。

• 修复跨断点时，含绝对定位子元素的静态定位元素向相对定位转换不正确的问题。

• 新增 textarea 边框重置规则，以统一 CSS 样式。

• 修复损坏的父子层级关系。

• 修复发布过程中元素丢失的问题。

• 修复首个子元素设置负外边距时导致兄弟元素外边距错乱的问题。

• 移除按钮元素上不必要的 resize: none 发布属性。

• 将具有居中锚点（center origin）的静态元素，在存在其他内部元素时自动转为绝对定位。