Macaw

停止撰寫程式碼，開始以繪圖方式進行設計。Macaw 提供與您最愛的影像編輯軟體同等的彈性，同時還能產出語意化 HTML 與極為簡潔的 CSS。現在正是對網頁設計工具提出更高要求的時候。

流動式畫布與網格：Macaw 專為流動寬度（fluid width）所設計。調整畫布大小時，網格與元素也會隨之自動更新。

響應式斷點（Responsive Breakpoints）：針對不同裝置尺寸進行設計頗具挑戰性。Macaw 讓您可自訂任意斷點，並針對該特定寬度微調屬性設定。

豐富的字型支援：Macaw 讓您存取系統內建字型、完整網路字型庫，甚至還支援 Typekit 字型。此外也提供實用的排版計算功能，例如「每行字元數」。

互動性：在 Macaw 中建立可點擊的原型，只要簡單點選目標即可，但這僅僅是開始。您還可透過「腳本調色盤（Scripting Palette）」加入更動態的互動行為。Macaw 甚至會自動為您產生範本與 jQuery 變數。

以更少操作，完成更多設計：全域樣式（Global Styles）— Macaw 讓您儲存常用樣式，以便快速套用至文件中的任何元素；套用後，您還可透過樣式編輯器一次更新所有相關元素。

可重複使用的元件與資源：有個複雜的元件需要在多個頁面中重複使用嗎？Macaw 讓您將其儲存為「元件（Component）」放入資源庫中，並隨時拖曳至專案內的任一頁面。

新功能（版本 1.5）：

富文字編輯（Rich Text Editing）：現在您可在文字元素內加入 span、anchor（連結）、em 和 strong 標籤節點，並針對這些節點獨立設定樣式。這些富文字樣式同樣支援響應式，也能設定各種狀態（states）。立即上手方法：先開始編輯文字元素 → 選取一段文字 → 加入節點 → 隨心設定樣式。

狀態（States）：現在您可以為每個元素分別定義 hover、focus 和 active 狀態。發布時，Macaw 會自動整合樣式，確保產生的 CSS 清晰又整潔。

顯示切換（Display Toggling）：Macaw 現已支援切換元素的 display 與 visibility 屬性。這些設定可依不同斷點分別調整。