Macaw

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

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

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

丰富排版：Macaw 让您访问系统字体、完整的网络字体库，甚至支持 Typekit 字体。它还提供每行字符数等实用排版计算功能。

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

用更少工作，设计更多内容：全局样式 — Macaw 允许您保存常用样式，以便快速应用到文档中的任意元素；应用后，您可通过样式编辑器一次性更新所有相关元素。

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

新增功能（版本 1.5）：

富文本编辑：现在可在文本元素内添加 span、anchor（链接）、em 和 strong 标签节点，并对其单独设置样式。这些富文本样式同样具备响应式特性，并支持状态样式（如 hover、focus）。入门方法：开始编辑文本元素 → 选中部分文字 → 添加节点 → 自由设置样式。

状态样式：现在可为每个元素分别定义 hover、focus 和 active 状态。发布时，Macaw 将自动合并样式，确保生成的 CSS 清晰整洁。

显示切换：Macaw 现在支持切换元素的 display 与 visibility 属性。这些设置可按断点分别配置。