在UI設計中我們常常使用Ai來進行向量圖的繪製，然後匯入Ps中進行設計、排版和匯出。
在以前的版本中，切圖一直是個很麻煩的事情，要麼依託於指令碼，要麼手動一張張匯出，很不方便，這種窘況在Photoshop CC 2015版中得到了解決。
準備
使用Photoshop CC 2015版
準備好要切的圖片
第一種方法
Ps自帶切圖
首先開啟圖層，找到要切圖的部分
選中要切圖的圖層
圖層上單擊右鍵，選擇快速匯出為PNG
選擇一個資料夾儲存即可
可以發現匯出的檔案以圖層名稱儲存成為PNG格式，保留了透明畫素
接下來介紹另外的切圖神器！！
第二種方法
摹客iDoc PS外掛
摹客iDoc PS外掛是一個Ps擴充套件，可以方便的匯出移動端和網頁的切圖，並生成多種大小格式，並且是免費的！
下載
官方網站：https://idoc.mockplus.cn/
安裝PS外掛
下載摹客iDoc PS外掛安裝檔案並點選進行安裝。
開啟外掛
外掛安裝好後開啟PS，在「視窗>擴充套件功能」找到摹客 iDoc 外掛，選擇並開啟。
登入
使用摹客平臺賬號（在Mockplus、摹客 iDoc 上通用）即可登入。
標記切圖
選中需要切圖的圖層或編組，點選「標記切圖」。
將在名稱前增加“-e-”，「標記切圖」變為「取消切圖示記」，此時切圖操作便完成了。
上傳設計稿
標記完成切圖之後，一鍵將設計稿上傳至雲端專案中，提示完成後便可在雲端檢視到剛才上傳的設計稿。
下載切圖
選中需要匯出的切圖，可以一鍵選擇“下載選中切圖”或“下載全部切圖”。