PxCook(像素大廚)是面向設(shè)計師的一款免費、交互流暢、全平臺支持的標注切圖工具軟件。它支持對PS、Sketch設(shè)計元素尺寸、元素距離、文本樣式、顏色的智能標注,支持智能切圖??梢宰屧O(shè)計師專注于設(shè)計本質(zhì),不再為標注切圖而煩惱,從設(shè)計到實現(xiàn)一氣呵成。
軟件特色
1、云協(xié)作 & 本地項目任選
與團隊一起同步最新設(shè)計稿, 協(xié)作更高效。將設(shè)計上傳到PxCook云或保存為本地文件, 滿足全部需求。支持存儲方式:云存儲, PXCP項目文件, PNG
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é)作項目中, 我們統(tǒng)統(tǒng)都支持。
功能介紹
1、支持的平臺(macOS和Windows均支持)
PxCook支持和 macOS和Windows操作系統(tǒng)
2、支持的工具類型(PS和Sketch均支持)
PS
需要把psd文件拖拽到PxCook工具中,PxCook將會在工具內(nèi)解析psd文件,切圖需要在PS中打開遠程連接,通過PxCook的浮窗實現(xiàn)切圖
Sketch
在Sketch中,首先要先安裝PxCook插件,點擊“導(dǎo)出當前畫板到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è)置面板查找備份的存檔地址。其他~還有很多值得期待,因為我們一直在迭代更新……
更新日志
增加:協(xié)作項目中,增加切換設(shè)備類型的支持。
優(yōu)化優(yōu)化:修改項目名按鈕交互方式優(yōu)化。
優(yōu)化:協(xié)作項目中,單位切換僅展現(xiàn)最常用的單位,其他單位合并到更多選項中。
優(yōu)化:協(xié)作項目中,對于單位切換和語言切換中的更多做出引導(dǎo)提示。
優(yōu)化:項目列表的右側(cè)屬性欄中,優(yōu)化過長項目名的顯示。