pxcook(像素大廚)是一款高效易用的自動標注工具,這款軟件能夠根據用戶的使用需求自動生成前端代碼,可以在自動和手動標注自由切換,功能十分的強大,操作也非常的簡單,你只需要點擊拖拽就可以輕松獲得間距尺寸等信息,并且還支持對PS和Sketch設計元素進行智能的標注,感興趣或者有需要的小伙伴就快來kk網站下載體驗一下吧。
PxCook功能介紹
1、支持的平臺(macOS和Windows均支持)
PxCook支持和 macOS和Windows操作系統
2、支持的工具類型(PS和Sketch均支持)
PS
需要把psd文件拖拽到PxCook工具中,PxCook將會在工具內解析psd文件,切圖需要在PS中打開遠程連接,通過PxCook的浮窗實現切圖
Sketch
在Sketch中,首先要先安裝PxCook插件,點擊“導出當前畫板到PxCook”后會自動啟動PxCook,并顯示出Sketch中對應的畫板內容,依舊在PxCook中標注。
3、智能標注
無論是元素間,元素與邊框間的距離標注,都只需要簡單的拖、放,點、選就自動生成了。
通過智能標注得到的所有標注信息,都會隨著您原始設計稿的變化而進行自動更新,省去了手動再調整一遍的成本。
間距標注
尺寸標注
內間距標注
文本樣式標注
在Ps里有些用戶習慣對圖層使用顏色疊加來修改文本顏色,甚至文本圖層外還會套著有顏色疊加的組。這些在PxCook中都不是問題,PxCook可以通過各種嵌套和顏色疊加關系,將最終的文本顏色解析并標注出來。
區域標注
4、單位轉換
考慮到面向不同手機操作系統的設計師用到的單位不同,PxCook可以自動切換單位,所有標注都輕松同步更換~
5、數字手動更改
在保持真實尺寸不變的情況下,可改變顯示的數值。以避免因為幾像素的誤差重新修改設計稿。
6、切圖功能
切圖功能需要遠程連接ps,提供多種設備的切圖輸出,并可以對切片進行無損縮放。同時支持對圖層樣式的縮放。
7、自動備份
軟件會對標注定時進行自動備份,以防止意外情況的發生,你可通過設置面板查找備份的存檔地址。
其他~
還有很多值得期待,因為我們一直在迭代更新……
再次強調PxCook是一款免費的智能標注&切圖軟件。
如果您覺得PxCook還不錯,記得也分享給身邊的人
pxcook切圖方法
設置遠程連接:首先,在Photoshop中,通過“編輯”>“遠程連接”設置一個6位數的密碼并勾選“啟動遠程連接”。
啟動PxCook的遠程連接:打開PxCook軟件,也勾選啟動遠程連接,并輸入在Photoshop中設置的密碼,點擊“開始使用”。
選擇切圖工具:進入PxCook的切圖工具窗口,可以選擇單獨的圖層或圖層組進行切圖。如果需要切出特定尺寸的圖片,可以通過在組內使用形狀工具繪制所需尺寸的圖形并命名@bounds來實現。
切圖操作:選擇好要切的圖層或圖層組后,設置好切圖的屬性(如切圖尺寸、輸出尺寸、輸出文件格式等),然后點擊“切所選圖層”進行切圖。
查看輸出:切圖完成后,打開文件夾查看輸出的png圖片。
此外,PxCook還支持從Adobe XD導入設計稿,并大幅提高了工作效率。設計師可以通過在XD的圖層中激活“添加導出標記”圖標或在XD的右邊欄中勾選“添加導出標記”來導出當前設計稿到PxCook中。新版本中加入了對Adobe XD的切圖支持,并徹底優化了從XD到PxCook的導入過程,使得導入速度比之前提升了5倍。
PxCook還支持自動標注和在線協作功能,使得設計師和工程師之間的銜接更加緊密和高效。設計師可以添加協作人員進入項目,完成的設計稿及切圖可直接導入到協作環境中,方便團隊成員之間的溝通和協作。
pxcook標注方法
打開PxCook軟件,并新建項目,打開PSD格式的文件。
選擇需要標注的元素,如圖標或文字,然后使用智能標注工具進行標注。
對于圖標,選中后可以看到左側的智能標注激活了兩個可以標注的工具,根據需要點擊標注即可。
選中文字后,左側智能標注又多了一個標注工具,點擊此工具后,可以看到字體的信息也標注好了。
最后保存并導出標注的圖片。
此外,PxCook還支持對PS、Sketch設計元素尺寸、元素距離、文本樣式、顏色的智能標注,非常方便。在PxCook中,還可以通過快捷鍵進行標注,如生成尺寸標注、文本樣式標注、區域標注等。對于需要快速標注兩個形狀之間間距的情況,可以通過點選一個形狀,按住左鍵拖動出現一條線,移動到目標形狀放開即可快速標注出間距。雙擊文本部分還可以手動進行數值調整。在上方顏色中可以更改標注的顏色,然后點擊“保存”,選擇位置,點擊“存儲”即可完成標注。
pxcook功能介紹
1、云協作 & 本地項目任選
與團隊一起同步最新設計稿, 協作更高效。
將設計上傳到PxCook云或保存為本地文件, 滿足全部需求。
2、自動手動隨意切, 既精準又快捷
只需點擊拖拽, 即可輕松獲得間距尺寸, 字體, 陰影圓角等所有信息。
PNG, JPG也能手動測量。支持標注單位:PX , PT , DP/SP , REM。
3、提高前端開發效率
直接生成可執行樣式代碼
熱門語言全部支持:CSS, XML, Objective-C, Swift, ReactNative持續更新中
4、支持 Win/Mac, 支持 PS/Sketch / XD
讓設計師隨心所欲無論你用 Windows, 還是 Mac OS 。
無論你用 Photoshop, Sketch 還是 Adobe XD 設計,在本地項目和云協作項目中, PxCook像素大廚統統都支持
pxcook軟件優勢
1、手動標注
PxCook支持多種圖像格式(psd,png,bmp,jpg等)的讀取,并可手動創建距離、區域、顏色、文本、坐標點等標注。
2、智能標注
PSD文件與Sketch插件支持,可以對每一圖層進行解析,快速得到圖層尺寸以及文本樣式等,幫你快速創建標注。
3、單位轉換
PxCook可以幫助設計師進行多種單位(px,dp,pt)間的轉換,減輕設計師計算負擔。
4、自動吸附
標注過程中可以針對圖像內突出顏色進行自動吸附。
5、軟件設置
在設置面板中可以進行如:標注字號、標注自動對齊、滾輪、即數字精確度等設置。
6、定制標注樣式
可以定制每個標注的顏色,標簽位置等樣式。
7、顏色模式設置
目前支持#Hex,argb,rgba三種顏色模式。
8、數字手動更改
在保持真實尺寸不變的情況下,可改變顯示的數值。以避免因為幾像素的誤差重新修改設計稿。
9、自動備份
軟件會對標注定時進行自動備份,以防止意外情況的發生,你可通過設置面板查找備份的存檔地址。
10、切圖功能
切圖功能需要遠程連接ps,提供多種設備的切圖輸出,并可以對切片進行無損縮放。同時支持對圖層樣式的縮放。