設計稿交付開發時,最頭疼的兩件事——「標註標尺」與「切圖導出」,PxCook 將它們融合在一個跨平台(Win/Mac)客戶端裡,流程絲滑,細節貼心,堪稱前端協作的「瑞士軍刀」。
核心亮點:標註功能深度解析
- 多維標註:長度、顏色、區域、文字註釋四大類,覆蓋 95%+ 標註需求。
- 移動端適配神器:長度標註支持
px ↔ dp 一鍵單位轉換,直接輸出 Android/iOS 開發可用數值。
- 文字樣式自定義:註釋字體、大小、顏色、行高全可配,貼合團隊規範。
- 實時放大鏡:懸停即放大,像素級對齊不再需要反復 Cmd/Ctrl + +。
- 數值可手動微調:設計師可「偷懶」修正微小偏差(如 19.6px → 20px),輸出更乾淨的整數標註。
- 標註色系自由定義:區分結構、間距、文案、顏色等語義層級,閱讀效率大增。

切圖功能:規約優於配置的自動化
遵循圖層命名規約(官網教程:https://www.fancynode.com.cn/tutorial),PxCook 自動識別需導出圖層/組,批量生成標註標記並輸出切圖。支持 @2x、`@3x` 多倍圖一鍵導出,適配 Retina/超高清屏零成本。

工作流優勢
- 單一真實來源:PSD/XD/Sketch 源文件 → PxCook → 標註頁 + 切圖包,中間零人工干預,杜絕「設計稿已更新切圖未同步」的經典事故。
- 雙平台原生體驗:非 Electron 殼,Win/Mac 均為原生開發,啟動快、佔用低、快捷鍵符合系統習慣。
- 版本管理友好:標註文件可納入 Git 管理,設計迭代可追溯、可對比。
對於追求「設計稿交付零溝通成本」的團隊,PxCook 是極少數能同時解決「標註準、切圖快、跨平台、可版控」的工具。下載試用,體驗「標註切圖一氣呵成」的暢快吧。