2018年設計師都在用的PS切圖外掛--摹客iDoc

Mockplus發表於2018-10-26

終於找到你,我夢寐以求的PS切圖外掛。曾幾何時,設計師在完成設計稿之後高效的輸出標註切圖一直是設計師的噩夢。為什麼這麼說呢?開發要的那麼多尺寸,我到底該怎麼切圖?iPhone的版本已經不少了,更別提安卓那一堆的尺寸,真是讓人慾哭無淚!


直到前段時間使用了摹客-iDoc,心中大喜,我終於找到了我想要的那種PS切圖外掛。iDoc巧妙的將標註、切圖這兩項設計完稿後最棘手工作整合在一起,簡單、快捷、高效,而且支援Windows和Mac雙平臺。我是個愛分享之人,接下來,給大家全方位揭祕這款從設計稿到輕鬆高效輸出切圖的PS切圖外掛神器。希望能讓所有的設計師解放雙手,擺脫加班的痛。


1. 安裝PS切圖外掛


首先在摹客官網(https://idoc.mockplus.cn/download)下載 PS切圖外掛-摹客iDoc,下載完成後點選進行安裝。


2018年設計師都在用的PS切圖外掛--摹客iDoc


2.在PS中開啟切圖外掛


外掛安裝好後開啟PS,在「視窗>擴充套件功能」找到摹客 iDoc 外掛,選擇並開啟。


2018年設計師都在用的PS切圖外掛--摹客iDoc


3.註冊和登入切圖外掛


你可以使用摹客平臺賬號(在Mockplus、摹客 iDoc 上通用)即可登入。沒有賬號的自行先註冊。


2018年設計師都在用的PS切圖外掛--摹客iDoc


4.在切圖外掛中選擇團隊和專案


在右上角下拉選單中選擇團隊和專案(當然你也可以新建專案),然後將設計稿上傳至此專案中。


2018年設計師都在用的PS切圖外掛--摹客iDoc

2018年設計師都在用的PS切圖外掛--摹客iDoc


5.在PS中標記切圖


選中需要切圖的圖層或編組,點選「標記切圖」。


點選後,將在名稱前增加“-e-”,「標記切圖」變為「取消切圖示記」,此時切圖操作便完成了。


2018年設計師都在用的PS切圖外掛--摹客iDoc


6.選擇設計稿倍率


點選倍率下拉框選擇設計稿對應的倍率,也可以直接預設,在Web端可修改設計稿倍率。


2018年設計師都在用的PS切圖外掛--摹客iDoc


7.上傳設計稿


標記完成切圖之後,一鍵將設計稿上傳至雲端專案中,提示完成後便可在雲端檢視到剛才上傳的設計稿。


2018年設計師都在用的PS切圖外掛--摹客iDoc


8. 在Web端檢視設計稿及下載切圖


在設計稿上傳完成後,可點選切圖外掛介面中的“我的應用”進入相應專案。進入到切圖板塊,點選空白處,右側切圖皮膚上會展示該頁面內所有切圖,按Ctrl鍵可以進行多選,點選“下載選中切圖”,可下載當前選中切圖;點選“下載全部切圖”,可下載全部切圖。此外,還可切換平臺(iOS、Android、Web)和選擇不同倍率。


2018年設計師都在用的PS切圖外掛--摹客iDoc


怎麼樣?是不是有一種被這款PS切圖外掛拯救了的感覺?當然,切圖只是所有功能中的冰山一角。在iDoc中,智慧標註、一鍵切圖、多樣批註、互動原型、全貌畫板、團隊管理,從產品到開發,只要一個文件。心動的小夥伴趕緊去下載試試吧!


相關文章