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


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

 

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

 

1. 安裝PS切圖插件

 

首先在摹客官網(https://www.mockplus.cn/download/idoc-ps)下載 PS切圖插件-摹客,下載完成后點擊進行安裝。

 

 

2.在PS中打開切圖插件

 

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

 

 

3.注冊和登錄切圖插件

 

你可以使用摹客平台賬號(在Mockplus、摹客上通用)即可登錄。沒有賬號的自行先注冊。

 

 

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

 

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

 

 

5.在PS中標記切圖

 

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

 

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

 

 

6.選擇設計稿倍率

 

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

 

 

7.上傳設計稿

 

標記完成切圖之后,一鍵將設計稿上傳至雲端項目中,提示完成后便可在雲端查看到剛才上傳的設計稿。

 

 

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

 

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

 

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM