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

【優(yōu)勢介紹】

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

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

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

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

【特色介紹】

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

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

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

　　支持存儲方式：云存儲, PXCP項目文件, PNG

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

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

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

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

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

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

　　滿足所有團隊配置

　　支持Win／Mac, 支持PS／Sketch

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

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

【功能說明】

　　智能標(biāo)注

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

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

　　間距標(biāo)注

　　尺寸標(biāo)注

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

　　文本樣式標(biāo)注

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

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

　　4、單位轉(zhuǎn)換

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

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

　　在保持真實尺寸不變的情況下，可改變顯示的數(shù)值。以避免因為幾像素的誤差重新修改設(shè)計稿。

　　6、切圖功能

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

　　7、自動備份

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

【怎么標(biāo)注】

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

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

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

【怎么切圖】

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

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

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

【怎么放大圖片】

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

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

【常見問題】

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

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

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

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

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

　　因為Ps沒有在設(shè)計稿保存前勾選最大兼容模式，win和mac的最大兼容模式勾選方法如下：

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

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

　　切圖PxCook也支持嗎?

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

【更新日志】

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

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

　　修復(fù)：修改項目名按鈕有時候會錯位的bug。

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