pxcook(像素大廚)是一款專業(yè)的標注切圖工具，pxcook(像素大廚)還是一款免費提供使用的軟件，該軟件的功能十分強大，能為用戶提供各式各樣使用且專業(yè)的工具，并且該軟件還支持對PS和Sketch設(shè)計元素尺寸、元素距離、文本樣式與顏色的智能標注，是一款操作非常靈活實用性超強的軟件，pxcook(像素大廚)還有很多的軟件優(yōu)勢和產(chǎn)品特色等您下載后使用與體驗!

pxcook標注方法

打開PxCook軟件，并新建項目，打開PSD格式的文件。

選擇需要標注的元素，如圖標或文字，然后使用智能標注工具進行標注。

對于圖標，選中后可以看到左側(cè)的智能標注激活了兩個可以標注的工具，根據(jù)需要點擊標注即可。

選中文字后，左側(cè)智能標注又多了一個標注工具，點擊此工具后，可以看到字體的信息也標注好了。

最后保存并導(dǎo)出標注的圖片。

此外，PxCook還支持對PS、Sketch設(shè)計元素尺寸、元素距離、文本樣式、顏色的智能標注，非常方便。在PxCook中，還可以通過快捷鍵進行標注，如生成尺寸標注、文本樣式標注、區(qū)域標注等。對于需要快速標注兩個形狀之間間距的情況，可以通過點選一個形狀，按住左鍵拖動出現(xiàn)一條線，移動到目標形狀放開即可快速標注出間距。雙擊文本部分還可以手動進行數(shù)值調(diào)整。在上方顏色中可以更改標注的顏色，然后點擊“保存”，選擇位置，點擊“存儲”即可完成標注。

pxcook切圖方法

設(shè)置遠程連接：首先，在Photoshop中，通過“編輯”>“遠程連接”設(shè)置一個6位數(shù)的密碼并勾選“啟動遠程連接”。

啟動PxCook的遠程連接：打開PxCook軟件，也勾選啟動遠程連接，并輸入在Photoshop中設(shè)置的密碼，點擊“開始使用”。

選擇切圖工具：進入PxCook的切圖工具窗口，可以選擇單獨的圖層或圖層組進行切圖。如果需要切出特定尺寸的圖片，可以通過在組內(nèi)使用形狀工具繪制所需尺寸的圖形并命名@bounds來實現(xiàn)。

切圖操作：選擇好要切的圖層或圖層組后，設(shè)置好切圖的屬性(如切圖尺寸、輸出尺寸、輸出文件格式等)，然后點擊“切所選圖層”進行切圖。

查看輸出：切圖完成后，打開文件夾查看輸出的png圖片。

此外，PxCook還支持從Adobe XD導(dǎo)入設(shè)計稿，并大幅提高了工作效率。設(shè)計師可以通過在XD的圖層中激活“添加導(dǎo)出標記”圖標或在XD的右邊欄中勾選“添加導(dǎo)出標記”來導(dǎo)出當(dāng)前設(shè)計稿到PxCook中。新版本中加入了對Adobe XD的切圖支持，并徹底優(yōu)化了從XD到PxCook的導(dǎo)入過程，使得導(dǎo)入速度比之前提升了5倍。

PxCook還支持自動標注和在線協(xié)作功能，使得設(shè)計師和工程師之間的銜接更加緊密和高效。設(shè)計師可以添加協(xié)作人員進入項目，完成的設(shè)計稿及切圖可直接導(dǎo)入到協(xié)作環(huán)境中，方便團隊成員之間的溝通和協(xié)作。

pxcook功能介紹

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

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

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

2、自動手動隨意切， 既精準又快捷

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

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

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

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

熱門語言全部支持：CSS, XML, Objective-C, Swift, ReactNative持續(xù)更新中

4、支持 Win/Mac, 支持 PS/Sketch / XD

讓設(shè)計師隨心所欲無論你用 Windows, 還是 Mac OS 。

無論你用 Photoshop, Sketch 還是 Adobe XD 設(shè)計，在本地項目和云協(xié)作項目中， PxCook像素大廚統(tǒng)統(tǒng)都支持

pxcook軟件優(yōu)勢

1、手動標注

PxCook支持多種圖像格式(psd，png，bmp，jpg等)的讀取，并可手動創(chuàng)建距離、區(qū)域、顏色、文本、坐標點等標注。

2、智能標注

PSD文件與Sketch插件支持，可以對每一圖層進行解析，快速得到圖層尺寸以及文本樣式等，幫你快速創(chuàng)建標注。

3、單位轉(zhuǎn)換

PxCook可以幫助設(shè)計師進行多種單位(px，dp，pt)間的轉(zhuǎn)換，減輕設(shè)計師計算負擔(dān)。

4、自動吸附

標注過程中可以針對圖像內(nèi)突出顏色進行自動吸附。

5、軟件設(shè)置

在設(shè)置面板中可以進行如：標注字號、標注自動對齊、滾輪、即數(shù)字精確度等設(shè)置。

6、定制標注樣式

可以定制每個標注的顏色，標簽位置等樣式。

7、顏色模式設(shè)置

目前支持#Hex，argb，rgba三種顏色模式。

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

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

9、自動備份

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

10、切圖功能

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

pxcook軟件特色

1、pxcook官方版支持的平臺(macOS和Windows均支持)

PxCook支持和 macOS和Windows操作系統(tǒng)

2、支持的工具類型(PS和Sketch均支持)

PS

需要把psd文件拖拽到PxCook工具中，PxCook將會在工具內(nèi)解析psd文件，切圖需要在PS中打開遠程連接，通過PxCook的浮窗實現(xiàn)切圖

在Sketch中，首先要先安裝PxCook插件，點擊“導(dǎo)出當(dāng)前畫板到PxCook”后會自動啟動PxCook，并顯示出Sketch中對應(yīng)的畫板內(nèi)容，依舊在PxCook中標注。

3、智能標注

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

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

間距標注

尺寸標注

內(nèi)間距標注

文本樣式標注

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

區(qū)域標注

4、單位轉(zhuǎn)換

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

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

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

6、切圖功能

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

7、自動備份

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

其他~

還有很多值得期待，因為我們一直在迭代更新……

再次強調(diào)PxCook是一款免費的智能標注&切圖軟件。

如果您覺得PxCook還不錯，記得也分享給身邊的人