設(shè)計(jì)師在對(duì)頁(yè)面進(jìn)行設(shè)計(jì)后，需要進(jìn)行標(biāo)注之后才能給前端開(kāi)發(fā)進(jìn)行制作，手動(dòng)標(biāo)注是很費(fèi)時(shí)間的，下面介紹一款便捷標(biāo)注插件工具，就是pxcook，一起來(lái)看它的具體使用方法。

PxCook標(biāo)注工具怎么用？PxCook使用說(shuō)明

PxCook支持macOS和Windows操作系統(tǒng)，支持對(duì)PS、Sketch設(shè)計(jì)元素尺寸、元素距離、文本樣式、顏色的智能標(biāo)注，非常方便。

1、下載安裝PxCook后進(jìn)入sketch界面，點(diǎn)擊下圖圖標(biāo)。

2、點(diǎn)擊后在左側(cè)選擇需要導(dǎo)出的圖層，點(diǎn)選“導(dǎo)出選中的畫(huà)板”，點(diǎn)擊“導(dǎo)出到pxcook”，

3、點(diǎn)擊后跳轉(zhuǎn)到pxcook界面，首先輸入項(xiàng)目的名稱(chēng)進(jìn)行命名，

4、輸入項(xiàng)目名稱(chēng)后需要選擇格式，如下圖ios、Android或者web，選擇后點(diǎn)擊“創(chuàng)建項(xiàng)目”，

5、成功創(chuàng)建項(xiàng)目后進(jìn)入項(xiàng)目列表頁(yè)，點(diǎn)擊需要進(jìn)行操作的項(xiàng)目，

6、點(diǎn)擊后進(jìn)入開(kāi)發(fā)者模式，在右側(cè)可查看相應(yīng)部分的代碼，需要標(biāo)注的話，點(diǎn)擊“設(shè)計(jì)”，

7、進(jìn)入設(shè)計(jì)界面，在頁(yè)面中點(diǎn)擊需要進(jìn)行標(biāo)注的部分，然后在左側(cè)點(diǎn)選工具，

8、教一個(gè)快速的標(biāo)注方法，要標(biāo)注兩個(gè)形狀之間間距的時(shí)候，點(diǎn)選一個(gè)形狀，按住左鍵拖動(dòng)會(huì)出現(xiàn)一條線，移動(dòng)到目標(biāo)形狀放開(kāi)即可，

9、放開(kāi)后即可快速標(biāo)注出兩個(gè)形狀之間的距離，如下圖的4pt，

10、雙擊文本部分，能夠手動(dòng)進(jìn)行數(shù)值調(diào)整，

11、在上方顏色中我們可更改標(biāo)注的顏色，然后點(diǎn)擊“保存”，選擇位置，點(diǎn)擊“存儲(chǔ)”即可。

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。