設計師在對頁面進行設計后，需要進行標注之后才能給前端開發進行制作，手動標注是很費時間的，下面介紹一款便捷標注插件工具，就是pxcook，一起來看它的具體使用方法。

PxCook標注工具怎么用？PxCook使用說明

PxCook支持macOS和Windows操作系統，支持對PS、Sketch設計元素尺寸、元素距離、文本樣式、顏色的智能標注，非常方便。

1、下載安裝PxCook后進入sketch界面，點擊下圖圖標。

2、點擊后在左側選擇需要導出的圖層，點選“導出選中的畫板”，點擊“導出到pxcook”，

3、點擊后跳轉到pxcook界面，首先輸入項目的名稱進行命名，

4、輸入項目名稱后需要選擇格式，如下圖ios、Android或者web，選擇后點擊“創建項目”，

5、成功創建項目后進入項目列表頁，點擊需要進行操作的項目，

6、點擊后進入開發者模式，在右側可查看相應部分的代碼，需要標注的話，點擊“設計”，

7、進入設計界面，在頁面中點擊需要進行標注的部分，然后在左側點選工具，

8、教一個快速的標注方法，要標注兩個形狀之間間距的時候，點選一個形狀，按住左鍵拖動會出現一條線，移動到目標形狀放開即可，

9、放開后即可快速標注出兩個形狀之間的距離，如下圖的4pt，

10、雙擊文本部分，能夠手動進行數值調整，

11、在上方顏色中我們可更改標注的顏色，然后點擊“保存”，選擇位置，點擊“存儲”即可。

以上就是關于PxCook工具的使用說明，有需要的小伙伴可以體驗試試?(了解更多精彩教程資訊，關注wmzhe.com)。

總結

以上是生活随笔為你收集整理的pxcook导出html代码,Pxcook标注工具的相关使用说明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。