PxCook(像素大廚)是面向設計師的一款免費、交互流暢、全平臺支持的標注切圖工具軟件。它支持對PS、Sketch設計元素尺寸、元素距離、文本樣式、顏色的智能標注,支持智能切圖。可以讓設計師專注于設計本質,不再為標注切圖而煩惱,從設計到實現一氣呵成。
軟件特色
1、云協作 & 本地項目任選
與團隊一起同步最新設計稿, 協作更高效。將設計上傳到PxCook云或保存為本地文件, 滿足全部需求。支持存儲方式:云存儲, PXCP項目文件, PNG
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 設計,在本地項目和云協作項目中, 我們統統都支持。
功能介紹
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、自動備份
軟件會對標注定時進行自動備份,以防止意外情況的發生,你可通過設置面板查找備份的存檔地址。其他~還有很多值得期待,因為我們一直在迭代更新……
更新日志
增加:協作項目中,增加切換設備類型的支持。
優化優化:修改項目名按鈕交互方式優化。
優化:協作項目中,單位切換僅展現最常用的單位,其他單位合并到更多選項中。
優化:協作項目中,對于單位切換和語言切換中的更多做出引導提示。
優化:項目列表的右側屬性欄中,優化過長項目名的顯示。