Macaw

停止撰寫程式碼，開始以繪圖方式進行設計。Macaw 提供與您最愛的影像編輯軟體相同程度的彈性，同時還能自動產出語意化的 HTML 與極度精簡的 CSS。是時候對網頁設計工具提出更高的期待了。

流動式畫布與網格

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

響應式斷點（Responsive Breakpoints）

針對不同裝置尺寸進行設計頗具挑戰性。Macaw 讓您可自由定義任意斷點，並針對特定寬度微調各項屬性。

豐富的字型支援

Macaw 讓您可直接使用系統內建字型、完整的網路字型庫，甚至還支援匯入 Typekit 字型。此外，也提供「每行字數」等實用的排版計算功能。

互動式原型製作

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

以更少的作業，達成更多的設計成果

全域樣式（Global Styles）

Macaw 讓您可儲存常用樣式，以便快速套用至文件中的任何元素。一旦套用，您即可透過樣式編輯器一次更新所有已套用此樣式的元素。

可重複使用的元件與資源

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

最新更新

版本 1.0.3：

• 修正跨斷點發布時 rem 單位計算錯誤的問題。

• 確保於預覽瀏覽器中開啟的頁面確實為已發布的頁面。

• 修正跨斷點時，含有絕對定位子元素的靜態定位元素轉換為相對定位時出現的錯誤。

• 新增 textarea 邊框重設規則，以統一 CSS 樣式。

• 修復已損毀的父層／子層關聯關係。

• 修正發布過程中遺失元素的問題。

• 修正第一個子元素設定負邊距（negative margins）時，導致同級元素邊距錯亂的問題。

• 移除按鈕（button）元素上不必要的 resize: none 發布屬性。

• 將具有中心錨點（center origin）的靜態元素，在存在其他內部元素時，自動轉換為絕對定位。