方便標註的插件工具-pxcook使用

當設計師在對頁面進行設計後，需要進行標註之後才能給前端開發進行製作，手動標註是很費時間的，下面介紹pxcook便捷標註插件工具的使用。

pxcook使用

（01）先想使用該插件的話，需要先進行下載安裝，在搜狗搜尋“pxcook”下載安裝即可，安裝完成後進入sketch介面，點擊下圖圖標。

（02）點擊後在左側選擇需要匯出的圖層，點選“匯出選中的畫板”，點擊“匯出到pxcook”

（03）點擊後跳轉到pxcook介面，首先輸入項目的名稱進行命名。

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

（05）成功創建項目後進入項目列表頁，點擊需要進行操作的項目。

（06）點擊後進入開發者模式，在右側可檢視相應部分的代碼，需要標註的話，點擊“設計”

（07）進入設計介面，在頁面中點擊需要進行標註的部分，然後在左側點選工具。

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

（09）放開後即可快速標註出兩個形狀之間的距離，如下圖的4pt。

（10）雙擊文字部分能夠手動進行數值調整。

（11）在上方顏色中我們可更改標註的顏色，然後點擊“儲存”，選擇位置，點擊“存儲”即可。