Windows UI 設計師的曙光，XD 自動標註工具 PxCook

這幾個月，Adobe 在 UI 領域的投入了大量的精力和財力。首先是放出消息提供了$1000W 獎金用於獎勵 XD 的插件開發者，最近還將 XD 徹底免費了。

我們都知道，XD 是 PC、MAC 通用的，意味著沒有 Mac 的 UI 設計師，尤其是新手，可以通過 Windows 平台設計和學習。但是 XD 不像 Sketch 有這麼豐富的功能和插件支持，其中最阻礙 XD 直接成為項目生產力工具的核心，就是關於設計稿件標註和切圖的部分。

今天，這個問題贏來了歷史性的一刻，國內的產品像素大廚（PxCooK）優先放出了 XD 的插件，可以將 XD 導入到 PxCook 的應用中，然後查看設計稿的相關標註和切圖，如下圖示例。

那麼如何使用這個插件呢，首先是安裝 Adobe XD，還沒有安裝過的同學可以看下面的鏈接。

然後下載最新的 PxCook（老版本就更新下），創建一個新的項目，就可以看見關於 XD 插件安裝的提示。

等你在 XD 中完成了相應的設計稿以後，選擇工具欄的 「文件——導出——PxCook」 ，就可以將現有設計的畫布導出到 PxCook 中。

然後我們就可以在裡面查看對應的標註內容了。當然，作為設計師，標註對我們自己而言用處不大，是要給前端開發看的！那麼，我們就可以合理運用 PxCook 的團隊協作功能，進行遠程同步。首先你要讓程序員也下載註冊並登陸 PxCook，然後在你項目頁面右側面板，有個成員模塊，點擊右側的加號，添加程序員的郵箱。

這時候，對方在項目列表中就可以看到這個項目了，並實時查看對應的文件標註內容，每當你增加和覆蓋項目中的文件，對方也會實時得到更新。

這樣，XD 中最大的一個短板已經得到補充，在一些樣式不是那麼複雜的項目中，我們已經完全可以使用 XD 進行設計了！

而新手想要學習 UI，也可以直接同過 XD 作為起步，因為可以預見的是，隨後的幾年，XD 會越來越完善和普及，成為行業的重要生產力工具之一。

結語

雖然目前在功能上還和 Sketch 有很大的差距，但不難看出，Adobe 官方想在 UI 設計工具領域後發制人的野心。長期以來一直被人詬病沒有插件的問題，現在已經得到改善！過去一年來 XD 溫吞的更新可以揣測是在強化底層架構，以適配現在開發者的接入，和為後面的布局做準備。

PxCook 作為第一款國產的標註切圖工具，依舊還有很多進步的空間，尤其是在切圖方面，我建議項目中還是設計師自己在 XD 中完成切圖，只需要讓程序員看標註信息即可。

相信很快藍湖也會上線 XD 的插件，我們會第一時間更新，敬請期待…

———— END ————

知乎ID：酸梅干超人

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！