PxCook像素大廚是一款非常強(qiáng)大的智能切圖軟件，它提供PSD文件解析、Sketch設(shè)計(jì)元素尺寸、文本樣式、顏色的智能標(biāo)注等功能，支持各種智能切圖，自動(dòng)識(shí)別各圖層尺寸及文本樣式等，從設(shè)計(jì)到代碼，讓團(tuán)隊(duì)高效協(xié)作讓切圖更精準(zhǔn)！

【優(yōu)勢(shì)介紹】

　　【智能標(biāo)注】提供PSD文件解析與Sketch插件支持，自動(dòng)識(shí)別各圖層尺寸及文本樣式等，標(biāo)注更快捷！

　　【Px Dp Pt單位轉(zhuǎn)換】標(biāo)注單位一鍵轉(zhuǎn)換，減輕設(shè)計(jì)師計(jì)算負(fù)擔(dān)。

　　【數(shù)字隨便改】所有尺寸數(shù)值都可手動(dòng)更改，自由度Max。

　　【psd快速切圖】連接PS切圖，可同時(shí)輸出多種設(shè)備，切圖更精準(zhǔn)！

【特色介紹】

　　云協(xié)作 & 本地項(xiàng)目任選

　　與團(tuán)隊(duì)一起同步最新設(shè)計(jì)稿, 協(xié)作更高效。

　　將設(shè)計(jì)上傳到PxCook云或保存為本地文件, 滿足全部需求。

　　支持存儲(chǔ)方式：云存儲(chǔ), PXCP項(xiàng)目文件, PNG

　　自動(dòng)手動(dòng)隨意切, 既精準(zhǔn)又快捷

　　只需點(diǎn)擊拖拽, 即可輕松獲得間距尺寸, 字體, 陰影圓角等所有信息。

　　PNG, JPG也能手動(dòng)測(cè)量。支持標(biāo)注單位：PX , PT , DP/SP , REM。

　　提高前端開發(fā)效率

　　直接生成可執(zhí)行樣式代碼

　　熱門語言全部支持：CSS, XML, Objective-C, Swift, ReactNative

　　滿足所有團(tuán)隊(duì)配置

　　支持Win／Mac, 支持PS／Sketch

　　無論你是用Windows, 還是macOS。無論你用Photoshop設(shè)計(jì), 還是Sketch,

　　在本地項(xiàng)目和云協(xié)作項(xiàng)目中, 都全部支持。

【功能說明】

　　智能標(biāo)注

　　無論是元素間，元素與邊框間的距離標(biāo)注，都只需要簡單的拖、放，點(diǎn)、選就自動(dòng)生成了。

　　通過智能標(biāo)注得到的所有標(biāo)注信息，都會(huì)隨著您原始設(shè)計(jì)稿的變化而進(jìn)行自動(dòng)更新，省去了手動(dòng)再調(diào)整一遍的成本。

　　間距標(biāo)注

　　尺寸標(biāo)注

　　內(nèi)間距標(biāo)注

　　文本樣式標(biāo)注

　　在Ps里有些用戶習(xí)慣對(duì)圖層使用顏色疊加來修改文本顏色，甚至文本圖層外還會(huì)套著有顏色疊加的組。這些在PxCook中都不是問題，PxCook可以通過各種嵌套和顏色疊加關(guān)系，將最終的文本顏色解析并標(biāo)注出來。

　　區(qū)域標(biāo)注

　　4、單位轉(zhuǎn)換

　　考慮到面向不同手機(jī)操作系統(tǒng)的設(shè)計(jì)師用到的單位不同，PxCook可以自動(dòng)切換單位，所有標(biāo)注都輕松同步更換~

　　5、數(shù)字手動(dòng)更改

　　在保持真實(shí)尺寸不變的情況下，可改變顯示的數(shù)值。以避免因?yàn)閹紫袼氐恼`差重新修改設(shè)計(jì)稿。

　　6、切圖功能

　　切圖功能需要遠(yuǎn)程連接ps，提供多種設(shè)備的切圖輸出，并可以對(duì)切片進(jìn)行無損縮放。同時(shí)支持對(duì)圖層樣式的縮放。

　　7、自動(dòng)備份

　　軟件會(huì)對(duì)標(biāo)注定時(shí)進(jìn)行自動(dòng)備份，以防止意外情況的發(fā)生，你可通過設(shè)置面板查找備份的存檔地址。

【怎么標(biāo)注】

　　想要在pxcook中標(biāo)注，那么你只需要先選擇要標(biāo)注的元素。

　　然后在左邊工具欄中選擇【生成尺寸標(biāo)注】。

　　然后就可以看到圖標(biāo)已經(jīng)被標(biāo)注好了。

【怎么切圖】

　　在像素大廚中想要切圖，那么可以這樣做：

　　選中想要切圖的【圖層】或者【圖層組】，然后點(diǎn)擊切圖面板上的【標(biāo)記為切圖】按鈕。

　　當(dāng)被標(biāo)記為切圖后，將在圖層前面增加 p:: 作為標(biāo)記。如果要取消切圖，點(diǎn)擊【取消標(biāo)記】即可。

【怎么放大圖片】

　　在pxcook中想要放大圖片，那你可以通過快捷鍵ALT+鼠標(biāo)滾輪或者CTRL+【加號(hào)鍵】來放大。

　　如果快捷鍵無法使用，那可以通過點(diǎn)擊畫面右上角的縮放來放大。

【常見問題】

　　智能標(biāo)注功能適用于什么文件?

　　目前PxCook的智能標(biāo)注適用于.psd文件和sketch畫稿。.psd文件直接拖入PxCook即可開始智能標(biāo)注。Sketch可通過下載插件，將設(shè)計(jì)稿導(dǎo)入到PxCook。

　　能直接生成自動(dòng)標(biāo)注嗎?

　　可以。自動(dòng)標(biāo)注是在智能標(biāo)注的基礎(chǔ)上更進(jìn)了一步——在pxcook中，只要拖拽psd或插件上傳sketch，就可以在頂部選擇開發(fā)模式后，點(diǎn)擊圖層元素，直接生成代碼。生成的包括文字信息，尺寸間距，陰影漸變圓角等所有信息。隨時(shí)可以通過設(shè)計(jì)稿查看前端代碼。

　　為什么我的Ps設(shè)計(jì)稿拖入后會(huì)一片空白?

　　因?yàn)镻s沒有在設(shè)計(jì)稿保存前勾選最大兼容模式，win和mac的最大兼容模式勾選方法如下：

　　Win：點(diǎn)擊頂部菜單的編輯，找到首選項(xiàng)，在首選項(xiàng)彈窗內(nèi)勾選最大兼容模式

　　Mac：點(diǎn)擊頂部的Photoshop按鈕，找到首選項(xiàng)，在首選項(xiàng)彈窗內(nèi)勾選最大兼容模式

　　切圖PxCook也支持嗎?

　　標(biāo)注切圖，在PxCook里，一起搞定。

【更新日志】

　　優(yōu)化：用戶體驗(yàn)優(yōu)化。

　　優(yōu)化：部分彈窗的文案優(yōu)化。

　　修復(fù)：修改項(xiàng)目名按鈕有時(shí)候會(huì)錯(cuò)位的bug。

　　修復(fù)：在本地項(xiàng)目中也可以點(diǎn)擊導(dǎo)出為本地項(xiàng)目的bug。