給設計師與前端素材負責人：Figma Dev Mode 對齊工程時，爭點常在像素網格、整數倍率與sRGB。本文以匯出參數表固定契約，附遠端 M4 之批次驗收與 FAQ。併讀 Figma／Sketch PNG 比較、Auto Layout 像素檢核。
三項痛點
- 規格與檔案差 1px：邊框內外、陰影或四捨五入路徑不同；README 固定「畫框切」或「外框切」其一。
- 非整數倍率：百分比書出易與 DPR 重疊換算；僅允許契約內 1x／2x／3x。
- 色域漂移：螢幕廣色域與 ICC 組合不定會「同檔異色」；鎖定單一 sRGB 政策並抽檢描述檔。
匯出參數表
將下表寫入交付 README 首段，避免把 Dev Mode 預覽當成最終像素。
| 項目 | 建議（Web／App UI） | 注意 |
|---|---|---|
| 格式 | PNG（含透明時為RGBA） | JPEG 不適合透明或銳利 UI 切片 |
| 倍率 | 僅整數 1x／2x／3x | 避免 150% 等與前端 DPR 雙重換算 |
| 座標與尺寸 | 畫框與切片皆為整數 px | 次像素易模糊或無法貼齊網格 |
| 色域 | sRGB 全專案一致 | 內嵌 ICC 或無描述檔擇一寫入規格；見 sRGB／P3 檢核 |
| 背景 | 依規格為透明或品牌色 | 誤開「包含背景」會讓透明語意錯位 |
| 命名 | 元件_狀態@2x.png 等，圖層名即檔名 |
壓縮包下游可併用 PNG 位元組閘門 管線 |
可引用門檻：邏輯寬高×倍率＝檔案像素寬高（容差 0）；每 SKU 訂 max_bytes；透明切片須有實質 alpha。
書出前檢查：整數倍率、單一 sRGB 政策、切片命名與元件字典一致，再按 Export。
批次驗收清單
輸出目錄掛在遠端 M4，設計與工程共用同一指令與閾值，CI 與手動結果才一致。
- 數量：Export 切片數與檔案數相同，無缺漏與覆寫。
- 幾何：WxH 等於邏輯寬高×倍率，以腳本或
identify比對。 - 容量：不大於
max_bytes；再壓縮須事前同意。 - 透明：須偵測 alpha，避免誤書出成全不透明。
- sRGB：
identify -verbose等核對 ICC／Colorspace 與 README。 - 命名與稽核：前綴、
@2x、禁用字元合規；sha256、工具版、合否寫 JSONL 後再移入out/。
落地流程：整數畫框 → Dev Mode 核對 Export → 書出至 inbox → 跑驗收腳本至全綠 → 交付。遠端節點重點是同一機、同一工具鏈。
補充：標註與規格欄位建議同步匯出一份只讀截圖或 PDF 供法遵留存，但實作仍以 PNG 像素與命名為準，避免口頭描述覆寫書面契約。
常見問題 FAQ
問：標註會燒進 PNG？
一般切片不會；異常時檢查標註是否被納入遮罩或畫框切錯。
問：數值與實作差 1px？
多為邊框內外、陰影與小數進位；規格固定單一路徑，腳本用同一幾何定義。
問：Windows 上色不同？
廣色域螢幕與 ICC 互動；依 sRGB／P3 檢核 固定驗證螢幕與軟體描述檔。