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

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

摹客PS插件教程

一、打開插件

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

二、注冊和登錄

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

三、切換團隊/切換賬號

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

四、選擇和新建項目

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

五、標(biāo)記切圖

選中需要切圖的圖層或編組，點擊「標(biāo)記切圖」。

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

六、自定切圖尺寸

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

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

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

取消遮罩標(biāo)記

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

七、隱藏切圖遮罩

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

八、自動識別畫板大小

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

九、上傳設(shè)計稿

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

十、狀態(tài)圖

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

十一、重置畫板ID

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

十二、同步畫板

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

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

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

十四、設(shè)置上傳順序

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

十五、上傳超清切圖

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

十六、設(shè)計稿排序與PS保持一致

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

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

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

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

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

十九、通知成員

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

功能特色

1、智能標(biāo)注

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

2、一鍵切圖

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

3、多樣批注

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

4、快速交互

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

5、全貌畫板

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

6、團隊管理

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

更新日志

v2.5.54版本

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

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