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

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

 

直到前段時間使用了摹客-iDoc，心中大喜，我終於找到了我想要的那種PS切圖插件。iDoc巧妙的將標註、切圖這兩項設計完稿後最棘手工做集成在一塊兒，簡單、快捷、高效，並且支持Windows和Mac雙平臺。我是個愛分享之人，接下來，給你們全方位揭祕這款從設計稿到輕鬆高效輸出切圖的PS切圖插件神器。但願能讓全部的設計師解放雙手，擺脫加班的痛。

 

1. 安裝PS切圖插件

 

首先在摹客官網（https://idoc.mockplus.cn/download）下載 PS切圖插件-摹客iDoc，下載完成後點擊進行安裝。

 

 

2.在PS中打開切圖插件

 

插件安裝好後打開PS，在「窗口>擴展功能」找到摹客 iDoc 插件，選擇並打開。

 

 

3.註冊和登陸切圖插件

 

你能夠使用摹客平臺帳號（在Mockplus、摹客 iDoc 上通用）便可登陸。沒有帳號的自行先註冊。

 

 

4.在切圖插件中選擇團隊和項目

 

在右上角下拉菜單中選擇團隊和項目（固然你也能夠新建項目），而後將設計稿上傳至此項目中。

 

 

5.在PS中標記切圖

 

選中須要切圖的圖層或編組，點擊「標記切圖」。

 

點擊後，將在名稱前增長「-e-」，「標記切圖」變爲「取消切圖標記」，此時切圖操做便完成了。

 

 

6.選擇設計稿倍率

 

點擊倍率下拉框選擇設計稿對應的倍率，也能夠直接默認，在Web端可修改設計稿倍率。

 

 

7.上傳設計稿

 

標記完成切圖以後，一鍵將設計稿上傳至雲端項目中，提示完成後即可在雲端查看到剛纔上傳的設計稿。

 

 

8. 在Web端查看設計稿及下載切圖

 

在設計稿上傳完成後，可點擊切圖插件界面中的「個人應用」進入相應項目。進入到切圖板塊，點擊空白處，右側切圖面板上會展現該頁面內全部切圖，按Ctrl鍵能夠進行多選，點擊「下載選中切圖」，可下載當前選中切圖；點擊「下載所有切圖」，可下載所有切圖。此外，還可切換平臺（iOS、Android、Web）和選擇不一樣倍率。

 

 

怎麼樣？是否是有一種被這款PS切圖插件拯救了的感受？固然，切圖只是全部功能中的冰山一角。在iDoc中，智能標註、一鍵切圖、多樣批註、交互原型、全貌畫板、團隊管理，從產品到開發，只要一個文檔。心動的小夥伴趕忙去下載試試吧！