網友評分: 9.4分
PxCook像素大廚是一款非常強大的智能切圖軟件,它提供PSD文件解析、Sketch設計元素尺寸、文本樣式、顏色的智能標注等功能,支持各種智能切圖,自動識別各圖層尺寸及文本樣式等,從設計到代碼,讓團隊高效協作讓切圖更精準!
【智能標注】提供PSD文件解析與Sketch插件支持,自動識別各圖層尺寸及文本樣式等,標注更快捷!
【Px Dp Pt單位轉換】標注單位一鍵轉換,減輕設計師計算負擔。
【數字隨便改】所有尺寸數值都可手動更改,自由度Max。
【psd快速切圖】連接PS切圖,可同時輸出多種設備,切圖更精準!
云協作 & 本地項目任選
與團隊一起同步最新設計稿, 協作更高效。
將設計上傳到PxCook云或保存為本地文件, 滿足全部需求。
支持存儲方式:云存儲, PXCP項目文件, PNG
自動手動隨意切, 既精準又快捷
只需點擊拖拽, 即可輕松獲得間距尺寸, 字體, 陰影圓角等所有信息。
PNG, JPG也能手動測量。支持標注單位:PX , PT , DP/SP , REM。
提高前端開發效率
直接生成可執行樣式代碼
熱門語言全部支持:CSS, XML, Objective-C, Swift, ReactNative
滿足所有團隊配置
支持Win/Mac, 支持PS/Sketch
無論你是用Windows, 還是macOS。無論你用Photoshop設計, 還是Sketch,
在本地項目和云協作項目中, 都全部支持。
智能標注
無論是元素間,元素與邊框間的距離標注,都只需要簡單的拖、放,點、選就自動生成了。
通過智能標注得到的所有標注信息,都會隨著您原始設計稿的變化而進行自動更新,省去了手動再調整一遍的成本。
間距標注
尺寸標注
內間距標注
文本樣式標注
在Ps里有些用戶習慣對圖層使用顏色疊加來修改文本顏色,甚至文本圖層外還會套著有顏色疊加的組。這些在PxCook中都不是問題,PxCook可以通過各種嵌套和顏色疊加關系,將最終的文本顏色解析并標注出來。
區域標注
4、單位轉換
考慮到面向不同手機操作系統的設計師用到的單位不同,PxCook可以自動切換單位,所有標注都輕松同步更換~
5、數字手動更改
在保持真實尺寸不變的情況下,可改變顯示的數值。以避免因為幾像素的誤差重新修改設計稿。
6、切圖功能
切圖功能需要遠程連接ps,提供多種設備的切圖輸出,并可以對切片進行無損縮放。同時支持對圖層樣式的縮放。
7、自動備份
軟件會對標注定時進行自動備份,以防止意外情況的發生,你可通過設置面板查找備份的存檔地址。
想要在pxcook中標注,那么你只需要先選擇要標注的元素。
然后在左邊工具欄中選擇【生成尺寸標注】。
然后就可以看到圖標已經被標注好了。
在像素大廚中想要切圖,那么可以這樣做:
選中想要切圖的【圖層】或者【圖層組】,然后點擊切圖面板上的【標記為切圖】按鈕。
當被標記為切圖后,將在圖層前面增加 p:: 作為標記。如果要取消切圖,點擊【取消標記】即可。
在pxcook中想要放大圖片,那你可以通過快捷鍵ALT+鼠標滾輪或者CTRL+【加號鍵】來放大。
如果快捷鍵無法使用,那可以通過點擊畫面右上角的縮放來放大。
智能標注功能適用于什么文件?
目前PxCook的智能標注適用于.psd文件和sketch畫稿。.psd文件直接拖入PxCook即可開始智能標注。Sketch可通過下載插件,將設計稿導入到PxCook。
能直接生成自動標注嗎?
可以。自動標注是在智能標注的基礎上更進了一步——在pxcook中,只要拖拽psd或插件上傳sketch,就可以在頂部選擇開發模式后,點擊圖層元素,直接生成代碼。生成的包括文字信息,尺寸間距,陰影漸變圓角等所有信息。隨時可以通過設計稿查看前端代碼。
為什么我的Ps設計稿拖入后會一片空白?
因為Ps沒有在設計稿保存前勾選最大兼容模式,win和mac的最大兼容模式勾選方法如下:
Win:點擊頂部菜單的編輯,找到首選項,在首選項彈窗內勾選最大兼容模式
Mac:點擊頂部的Photoshop按鈕,找到首選項,在首選項彈窗內勾選最大兼容模式
切圖PxCook也支持嗎?
標注切圖,在PxCook里,一起搞定。
優化:用戶體驗優化。
優化:部分彈窗的文案優化。
修復:修改項目名按鈕有時候會錯位的bug。
修復:在本地項目中也可以點擊導出為本地項目的bug。