Photoshop 的免費 UI 標示工具- Size-Marks-PS

現在雖然有不少好用的原型工具，像 Adobe XD 或 Sketch，但還是可能會收到一些不是用這些原型工具的檔案，如果是 photoshop 可以選擇這個免費的工具來幫忙標示 UI 的間距。

首先到 github 下載 Size-Marks-PS 這個 plugin

下載後依以下路徑安裝到 photoshop

OS X: /Applications/[Photoshop]/Presets/Scripts/
Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts


接下來重開 photoshop 就可以使用了，把要標示的距離用選取工具選起來。


接著從檔案 > 指令碼 選擇 Size Marks



這樣就會幫你標示了，如果覺得每次要從選單選很麻煩，也非常建議設定快速鍵，從 編輯 > 鍵盤快速鍵 > 檔案 > 指令碼 找到 Size Marks 就可以設定快速鍵。



這是開發者建議大家設定的快速鍵
OS X: Shift+Cmd+P
Windows: Shift+Ctrl+P