摹客PS插件(產(chǎn)品設計協(xié)作神器)

摹客PS插件是一款協(xié)助PS產(chǎn)品設計神器，PS中的設計稿上傳至摹客中后，用戶可以對設計稿進行智能標注、一鍵切圖、多樣批注、快速交互、全貌畫板等操作，支持自動加手動標注，更全面更準確，切圖可以自動獲取，射擊交付更加高效。摹客PS插件還支持團隊協(xié)作，成員權限、項目動態(tài)輕松管控，靈活適應不同的工作方式，有效提升協(xié)作效率！從產(chǎn)品到開發(fā)，真正實現(xiàn)了只要一個文檔，更加高效流暢的協(xié)作方式，降低溝通成本，提升產(chǎn)品效率！

摹客PS插件教程

一、打開插件

在本站下載并安轉(zhuǎn)好好摹客PS插件后打開PS，在「窗口>擴展功能」找到摹客插件，選擇并打開。

二、注冊和登錄

使用摹客平臺賬號（在 Mockplus、摹客上通用）即可登錄。

三、切換團隊/切換賬號

點擊右上角的“更多”圖標，可以進行切換團隊、切換賬號、設置等操作。

四、選擇和新建項目

點擊項目名稱后面的小三角，可以選擇對應的項目，在展開的列表中點擊加號圖標“+”，進行新建項目的操作。新建好項目，可將頁面上傳到指定分組內(nèi)，也可以點擊右側(cè)加號圖標“+”，新建項目內(nèi)分組。

五、標記切圖

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

將在名稱前增加“-e-”，「標記切圖」變?yōu)椤溉∠袌D標記」，此時切圖操作便完成了。(注意：標記切圖只需標記需要切圖的圖層，標記無用的切圖過多可能會導致上傳失敗。)

六、自定切圖尺寸

在插件上的“固定尺寸”區(qū)域，填寫所需切圖尺寸的數(shù)值，并點擊“遮罩”。摹客會自動給圖片添加一個遮罩。上傳到摹客平臺后，識別到的便是同遮罩大小的切圖，元素的背景區(qū)域?qū)峭该鞯摹?

若是一個未在分組內(nèi)的圖層，點擊“遮罩”后，摹客會自動為你添加一個遮罩圖層， 并且將遮罩圖層和原圖放在一個新分組中。此時，分組名稱前方會多出一個“-m-”，代表該分組下的圖層添加了遮罩。（注：“遮罩”后默認已標記切圖，無需再點擊“標記切圖”按鈕。）

可以隨意調(diào)整此遮罩的大小，快速地切出任意尺寸的切圖。

取消遮罩標記

選中分組或圖層，點擊插件上的“取消標記切圖”，即可將遮罩取消。

七、隱藏切圖遮罩

給圖層添加遮罩后，可以通過點擊插件右上角的“更多”圖標 - “隱藏切圖遮罩”，將遮罩隱藏，此時圖層仍然保持已標記切圖的狀態(tài)。

八、自動識別畫板大小

點擊在“畫板大小”下拉框后方的自動識別按鈕，會根據(jù)當前設計稿的尺寸，自動適配正確的倍率。

九、上傳設計稿

標記完成切圖之后，一鍵將設計稿上傳至云端項目中，提示完成后便可在云端查看到剛才上傳的設計稿。（注：操作過程中，如果誤點擊了“上傳”，可在上傳界面右上角點擊叉號“x”圖標，本次上傳將會立即中止。）

十、狀態(tài)圖

在PS中選中單個畫板并勾選“上傳所選畫板”，點擊“上傳”按鈕，插件將自動執(zhí)行上傳狀態(tài)圖操作。狀態(tài)圖詳細操作可點擊查看：狀態(tài)圖。

十一、重置畫板ID

在插件右上角點擊該圖標 PS更多圖標 ，在彈出菜單中選擇“重置畫板ID”，可以對已經(jīng)上傳的文檔進行重復上傳。

十二、同步畫板

如果在PS中刪除了幾個畫板，再次上傳設計稿時，勾選插件-設置中的“上傳全部畫板時自動檢測不對應的畫板”，PS中已刪除的頁面在摹客項目中也會同步刪除。

十三、標注擴展區(qū)域

在插件-設置中，若勾選了“標注擴展區(qū)域”，圖層如果有陰影、邊框、模糊等擴展區(qū)域，上傳摹客后會顯示最大區(qū)域；若不勾選，上傳摹客后的標注將不包含陰影、邊框、模糊等，僅顯示圖層本身的大小。

十四、設置上傳順序

摹客提供了設計稿上傳順序的設置，如果不勾選此設置，上傳后的設計稿將以倒序的方式呈現(xiàn)。如果想讓設計稿順序與PS中的順序保持一致，請在設置中勾選“設計稿排序與PS保持一致”。

十五、上傳超清切圖

在插件的“設置”中，如果勾選了“上傳超清切圖”，在上傳切圖的時候插件會把對應倍率的圖片全部上傳，在網(wǎng)頁端下載切圖時就能得到最清晰的圖片（即原圖，但勾選了此選項，上傳速度會變慢）。

十六、設計稿排序與PS保持一致

在插件-“設置”中，若勾選了“設計稿排序與 PS 保持一致”，首次上傳全部畫板后，摹客協(xié)作中的畫板頁面樹順序?qū)⑴c PS 中的畫板順序保持一致。（注：僅首次上傳全部畫板時，此設置會生效。）如果你后續(xù)新增了幾個畫板，再次上傳時，新增畫板會處于目標分組內(nèi)的最上方（若在插件上沒有選擇分組，則處于根目錄最上方）。

十七、始終覆蓋已有狀態(tài)

勾選此設置后，如果之前上傳過一次，修改后再次上傳設計稿，會直接覆蓋之前的畫板，不再提示是否添加新狀態(tài)。

十八、上傳高清智能對象切圖

在插件的“設置”中，如果勾選了“上傳高清智能對象切圖”，在上傳切圖的時候插件會解析智能對象內(nèi)的圖層進行上傳，在網(wǎng)頁端下載切圖時能得到高清的智能對象切圖。（注意：當同時勾選“上傳超清切圖”和“上傳高清智能對象切圖”會影響上傳速度，如果你感覺上傳速度緩慢，請嘗試取消勾選其中一個選項，并重新上傳設計稿。）

十九、通知成員

設計稿成功上傳后，可指定團隊中的成員接收更新通知。點擊插件上的“通知成員”，在彈窗中選擇需要接收到通知的成員，同時還可以在下方文本框中添加具體的更新內(nèi)容。

功能特色

1、智能標注

標注智能生成，詳細且精準；有三種標注模式，無選中標注、圖層間標注、多選標注；還可以查看百分比標注；可使用放大鏡，放大標注細節(jié)；可一鍵查找頁面中的任何重復元素（如文本、顏色、邊距、寬度等）；可通過單位切換面板，切換多種度量單位

2、一鍵切圖

通過插件在PS中進行切圖并上傳到摹客中，可一鍵下載

3、多樣批注

提供了多種批注樣式，方便查看者對設計稿進行評價和回復

4、快速交互

可以設置頁面跳轉(zhuǎn)交互，快速制作高保真可交互原型；支持9種轉(zhuǎn)場特效，設置延時自動跳轉(zhuǎn)，還可以設定固定滾動區(qū)域；可生成鏈接進行演示，移動端項目支持手機演示

5、全貌畫板

全貌畫板內(nèi)展示所有設計稿，縮放自如；可設置邏輯線、添加邏輯描述，表達設計稿間的邏輯關系；支持導航漫游，以進行快速定位

6、團隊管理

項目管理：根據(jù)項目屬性對項目進行分組，每個組有多個項目，還可設置各個項目的參與人員；團隊管理：將團隊成員劃分到不同部門，通過設置 “管理員”、“成員”、“訪客”身份，分配團隊成員不同操作權限

更新日志

v2.5.54版本

新增上傳文件ID，以便于在web端按照軟件內(nèi)位置排序。

優(yōu)化 iOS 設備尺寸的倍率識別。