終於找到你,我夢寐以求的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切圖插件拯救了的感覺?當然,切圖只是所有功能中的冰山一角。在摹客中,智能標注、一鍵切圖、多樣批注、交互原型、全貌畫板、團隊管理,從產品到開發,只要一個文檔。心動的小伙伴趕緊去下載試試吧!