摹客Sketch插件怎么用 摹客Sketch插件使用方法分享

摹客Sketch插件怎么用?摹客Sketch插件是一款功能強大的Sketch設(shè)計輔助插件,用于提高用戶的設(shè)計效率,幫助用戶快速在Sketch中進行標(biāo)記切圖和上傳項目,今天,小編為大家?guī)砹四】蚐ketch插件使用方法分享。感興趣的朋友快來了解一下吧。
摹客Sketch插件使用教程
打開插件
插件安裝好后打開Sketch,在「Plugins(插件)」中找到摹客插件,選擇并打開。
注冊和登錄
使用摹客平臺賬號(在Mockplus、摹客上通用)即可登錄。
選擇團隊和項目
通過下拉菜單選擇團隊和項目,設(shè)計稿將上傳至該團隊對應(yīng)的項目中。
新建項目
點擊項目名稱后面的小三角,在展開的列表中點擊加號圖標(biāo)“+”,進行新建項目的操作。
新建好項目,可將頁面上傳到指定分組內(nèi)。
點擊右上角的“更多”圖標(biāo),可以進行切換團隊、切換賬號、設(shè)置等操作。
標(biāo)記切圖
在Sketch中選中需要切圖的圖層或編組;
點擊右下角的Make Exportable,就可以完成標(biāo)記切圖,然后上傳至摹客即可。
自定切圖尺寸
在Sketch中選中需要切圖的圖層或編組,點擊右下角的Make Exportable;
再點擊“切刀”工具,對外框大小進行調(diào)整即可。(快捷鍵是S,按住S直接繪制外框。)
如果切圖下方是有背景的,如何讓背景透明?方案如下:
將切片圖層和需要切圖的圖層編組,選中切圖圖層;
勾選右側(cè)屬性面板上的Export group contents only。
通過上述操作可以保證切片在有背景的情況下也是透明的。
除了在Sketch中繪制外框外,在摹客中也可以自定切圖尺寸。
在Sketch中點擊右下角的Make Exportable后,直接上傳至摹客;
在摹客的開發(fā)模式下選中切圖,勾選“自定尺寸”,填充模式選為“居中”;
接著設(shè)置好需要的切圖尺寸,一鍵下載即可;
此時下載下來就是帶空白區(qū)域的切圖。(注:當(dāng)設(shè)置尺寸大于素材本身的尺寸時才會出現(xiàn)空白區(qū)域。)
選擇設(shè)計稿倍率
點擊倍率下拉框,根據(jù)設(shè)計稿的畫板大小,選擇設(shè)計稿對應(yīng)的倍率。例:375pt*667pt的設(shè)計稿對應(yīng) @1× 。
上傳設(shè)計稿
上傳前,有以下三個選項:
上傳全部頁面 — 將該設(shè)計稿中所有的頁面和畫板全部上傳至摹客中。
上傳全部畫板 — 將該設(shè)計稿中所有的畫板上傳至摹客中。
上傳所選畫板 — 將選中的畫板上傳至摹客中。
然后點擊“上傳”,即可將設(shè)計稿資源一鍵上傳至摹客,設(shè)計師和開發(fā)可登錄摹客查看標(biāo)注與下載切圖。(注:操作過程中,如果誤點擊了“上傳”,可在上傳界面右上角點擊叉號“x”圖標(biāo),本次上傳將會立即中止。)
狀態(tài)圖
在Sketch中選中單個畫板并勾選“上傳所選畫板”,點擊“上傳”,插件將自動執(zhí)行上傳狀態(tài)圖操作。狀態(tài)圖詳細操作可點擊查看:狀態(tài)圖。
同步畫板
如果在Sketch中刪除了幾個畫板,再次上傳設(shè)計稿時,勾選“設(shè)置”中的“上傳全部畫板時自動檢測不對應(yīng)的畫板”,Sketch中已刪除的頁面在摹客中也會同步刪除。
標(biāo)注擴展區(qū)域
在插件-設(shè)置中,若勾選了“標(biāo)注擴展區(qū)域”,圖層如果有陰影、邊框、模糊等擴展區(qū)域,上傳摹客后會顯示最大區(qū)域;若不勾選,上傳摹客后的標(biāo)注將不包含陰影、邊框、模糊等,僅顯示圖層本身的大小。
上傳高清設(shè)計稿
如果你想導(dǎo)出非常高清的設(shè)計稿,請在插件設(shè)置中勾選“上傳高清設(shè)計稿”選項。
網(wǎng)頁尺寸的設(shè)計稿,會以原有尺寸的2倍寬度上傳;
安卓或iOS的設(shè)計稿,會以原有尺寸的4倍寬度上傳。
?。ǖ@樣做會犧牲摹客的性能,如果你感覺在摹客的畫板部分有卡頓,請嘗試取消勾選此選項,并重新上傳設(shè)計稿。)
上傳Symbol畫板
如果你想將symbol畫板上傳到摹客,需要先在插件的“設(shè)置”中勾選“上傳symbol畫板”。然后返回插件主界面進行上傳的操作。
以上便是腳本之家小編為大家分享的"摹客Sketch插件怎么用 摹客Sketch插件使用方法分享 "的全部內(nèi)容,希望能夠幫到你,腳本之家持續(xù)發(fā)布更多資訊,歡迎大家的關(guān)注。
相關(guān)文章
- adobe xd插件怎么用?摹客idoc Adobe XD插件支持自動標(biāo)注切圖,讓協(xié)作設(shè)計更簡單,摹客XD插件支持Adobe XD 13及其以上版本,可以方便的對原型圖進行設(shè)計及修改,下文中為大2021-02-20
- 摹客ps插件怎么用?ps插件摹客iDoc,小巧簡便的插件,可以一鍵切圖、自動標(biāo)注簡直不要太友好,下文中為大家?guī)砹藀s插件摹客iDoc使用技巧。感興趣的朋友不妨閱讀下文內(nèi)容,2021-02-20