摹客DT客戶端 v1.0.15電腦版

摹客DT客戶端是一款專業(yè)的國產(chǎn)UI設(shè)計(jì)工具，該軟件現(xiàn)已打通從原型設(shè)計(jì)、UI設(shè)計(jì)、設(shè)計(jì)交付到設(shè)計(jì)管理以及資源管理的全流程鏈路，不管是產(chǎn)品經(jīng)理、設(shè)計(jì)師，還是研發(fā)等工作人員都可以在摹客創(chuàng)造的協(xié)作云空間中自由、高效地工作，使用它能夠極大地降低設(shè)計(jì)開發(fā)工作的成本。

當(dāng)然為了全面提升企業(yè)在線辦公協(xié)作效率，優(yōu)化個(gè)人用戶的使用體驗(yàn)，國內(nèi)設(shè)計(jì)行業(yè)知名云平臺(tái)摹客對(duì)旗下UI設(shè)計(jì)產(chǎn)品「摹客DT」進(jìn)行了全新升級(jí)，不但大幅提升DT產(chǎn)品性能，讓整個(gè)編輯操作變的更加流暢穩(wěn)定，甚至還新增項(xiàng)目默認(rèn)封面，幫助用戶自動(dòng)渲染頁面內(nèi)容并生成封面，當(dāng)然隨著社區(qū)資源的不斷豐富，當(dāng)用戶有任何設(shè)計(jì)需求時(shí)，都能夠在插件廣場中尋找到自己心儀的插件，從而讓整個(gè)設(shè)計(jì)的步驟化繁為簡，讓辦公變的更加的高效，有需要的朋友快來下載吧。

軟件特色

1、資產(chǎn)繼承

完善的Sketch文件繼承機(jī)制和資源庫還原機(jī)制，57版本以上的文件均可導(dǎo)入并繼續(xù)編輯，還原度為同類軟件最優(yōu)，幫助設(shè)計(jì)師降低設(shè)計(jì)稿遷移成本。

2、矢量設(shè)計(jì)

專業(yè)矢量編輯功能，幫助你快速呈現(xiàn)設(shè)計(jì)。豐富的 圖層樣式，打造精細(xì)設(shè)計(jì)效果。讓每一張?jiān)O(shè)計(jì)稿都能承載視覺傳達(dá)的無限可能性。

3、協(xié)作交付

深度連接摹客設(shè)計(jì)云，無需依賴插件，支持一鍵發(fā)布DT設(shè)計(jì)稿至協(xié)作平臺(tái)，團(tuán)隊(duì)成員可快速進(jìn)行設(shè)計(jì)評(píng)審、查看圖層數(shù)據(jù)。

4、實(shí)時(shí)協(xié)同

無論團(tuán)隊(duì)成員使用Win系統(tǒng)還是Mac系統(tǒng)，都可以在線實(shí)時(shí)協(xié)同，編輯操作可追溯，數(shù)據(jù)即時(shí)同步，所見即所得，團(tuán)隊(duì)協(xié)作效率倍增。

5、資源復(fù)用

常用的顏色、文本樣式、圖層樣式都可以保存為資源，支持快速復(fù)用到其它設(shè)計(jì)稿，也可共享到團(tuán)隊(duì)。對(duì)資源進(jìn)行編輯修改，可自動(dòng)同步到所有引用的實(shí)例上，大大提升設(shè)計(jì)創(chuàng)作及迭代的效率。

6、快速編輯

多種快速編輯操作，降低時(shí)間損耗，助你高效完成設(shè)計(jì)。

摹客DT界面介紹

1、主菜單

主菜單位于界面左上角，包含：首選項(xiàng)、項(xiàng)目、編輯、視圖、資源庫、輔助程序、插件、下載客戶端、幫助等選項(xiàng)。

2、頁面與圖層

左側(cè)面板包含頁面列表、圖層列表。

3、工具欄

頂部工具欄包含常用的編輯操作：畫板、矩形、鋼筆、文本、創(chuàng)建為組件資源、蒙版、布爾運(yùn)算、編輯、抓手等。

4、工作區(qū)

工作區(qū)位于界面中心，所有編輯操作都在工作區(qū)中進(jìn)行，工作區(qū)延伸范圍無限、圖層內(nèi)容無限。

5、屬性面板

屬性面板位于界面右側(cè)，可編輯圖層屬性、創(chuàng)建交互。圖層屬性包含：空間屬性、文本屬性、外觀屬性、樣式屬性、導(dǎo)出屬性。

切換“交互”面板，可為圖層與畫板快速創(chuàng)建交互，并任意選擇4種動(dòng)畫效果。

摹客DT電腦版導(dǎo)入與導(dǎo)出教程

一、導(dǎo)入Sketch文件

支持導(dǎo)入Sketch的源文件并進(jìn)行二次編輯。

1、導(dǎo)入方式

在主頁處，點(diǎn)擊“導(dǎo)入Sketch文件”按鈕，即可導(dǎo)入本地的Sketch文件，導(dǎo)入成功后將生成一個(gè)新的項(xiàng)目。

你也可以直接拖拽多個(gè)本地的Sketch文件至DT完成導(dǎo)入。

2、關(guān)聯(lián)外部資源庫

導(dǎo)入Sketch文件至摹客DT后，由于項(xiàng)目數(shù)據(jù)發(fā)生了變更，原有項(xiàng)目間的資源庫關(guān)聯(lián)將默認(rèn)丟失，你可通過“關(guān)聯(lián)外部資源庫”進(jìn)行重新關(guān)聯(lián)。打開導(dǎo)入的Sketch文件，摹客DT將自動(dòng)檢測項(xiàng)目內(nèi)的外部資源庫并顯示對(duì)應(yīng)的項(xiàng)目名稱和資源名稱。

你可以手動(dòng)選擇個(gè)人空間或當(dāng)前團(tuán)隊(duì)內(nèi)對(duì)應(yīng)的項(xiàng)目進(jìn)行關(guān)聯(lián)，關(guān)聯(lián)成功后將重現(xiàn)Sketch文件原有的資源庫引用和更新。

二、導(dǎo)出Sketch文件

摹客DT內(nèi)，可以將項(xiàng)目導(dǎo)出為Sketch文件并支持二次編輯。

三、導(dǎo)出DT項(xiàng)目文件

支持將項(xiàng)目導(dǎo)出為本地的mdt文件。在項(xiàng)目左上角點(diǎn)擊面包屑圖標(biāo)，選擇項(xiàng)目 - 導(dǎo)出 - 導(dǎo)出DT項(xiàng)目文件即可。

四、導(dǎo)入DT項(xiàng)目文件

支持導(dǎo)入本地的DT項(xiàng)目文件并進(jìn)行二次編輯。在項(xiàng)目首頁的頂部圖標(biāo)中點(diǎn)擊dt，選擇本地的mdt文件，確認(rèn)后就可以完成導(dǎo)入。

五、導(dǎo)入Figma文件

支持通過粘貼Figma文件的URL鏈接完成導(dǎo)入并支持二次編輯，無需單獨(dú)下載源文件。

1、獲取Figma文件的URL鏈接

登陸Figma平臺(tái)，選擇需要導(dǎo)入的文件，鼠標(biāo)右鍵選擇“Copy link”復(fù)制文件鏈接。

2、導(dǎo)入Figma文件

（1）獲取文件鏈接后，打開摹客DT并進(jìn)入主頁，點(diǎn)擊Figma圖標(biāo)開始導(dǎo)入。

（2）首次導(dǎo)入時(shí)需要進(jìn)行身份驗(yàn)證，根據(jù)提示登錄Figma賬號(hào)，點(diǎn)擊“ Allow access ”完成授權(quán)。

（3）在彈窗中粘貼Figma文件的URL鏈接，點(diǎn)擊“確定”，即可完成導(dǎo)入。

常見問題

1、導(dǎo)入失敗時(shí)，可通過以下方式重新導(dǎo)入：

（1）網(wǎng)絡(luò)異常問題導(dǎo)致：檢查網(wǎng)絡(luò)或關(guān)閉vpn后重試；

（2）文件體積過大導(dǎo)致：文件超過200M時(shí)，可能會(huì)導(dǎo)致解析錯(cuò)誤，建議將文件拆分后導(dǎo)入。

2、DT與Figma的結(jié)構(gòu)存在差異，故Figma文件中的部分圖層將按如下方式進(jìn)行處理：

（1）Figma文件中的源（組件資源），摹客DT會(huì)新建1個(gè)“組件”頁面進(jìn)行統(tǒng)一管理；

（2）Figma文件中的實(shí)例，摹客DT會(huì)默認(rèn)取組件資源的樣式；

（3）Figma文件中容器內(nèi)的Frame，摹客DT會(huì)將其轉(zhuǎn)為普通編組。

六、標(biāo)記切圖

1、添加標(biāo)記切圖

選中圖層，在右側(cè)屬性面板上點(diǎn)擊導(dǎo)出右側(cè)的?圖標(biāo)，就完成了標(biāo)記切圖的操作。

如果多次點(diǎn)擊下圖所示的?圖標(biāo)，會(huì)自動(dòng)生成 1x、2x、3x、1.5x、0.5x 的切圖。點(diǎn)擊“導(dǎo)出”，就可以將所有倍率的切圖一并下載下來。

2、取消標(biāo)記切圖

如果想要取消標(biāo)記切圖，在右側(cè)面板的“導(dǎo)出”一欄上，點(diǎn)擊?圖標(biāo)，就可以將切圖取消。

3、下載不同設(shè)備的切圖

如果想下載不同設(shè)備的切圖，在右側(cè)面板的“導(dǎo)出”一欄上，點(diǎn)擊“預(yù)設(shè)”圖標(biāo)，可以切換為iOS或者Android尺寸。

七、切片切圖

1、默認(rèn)導(dǎo)出標(biāo)記的切圖的尺寸會(huì)緊貼圖層邊緣。如果想要更大尺寸的切圖，可以在右側(cè)面板的“導(dǎo)出”一欄上點(diǎn)擊“切刀”圖標(biāo)后，調(diào)整邊框尺寸。

2、調(diào)整邊框后，右側(cè)會(huì)同步展示預(yù)覽圖，下載后的切圖也將會(huì)是調(diào)整后的大小，并且背景是透明的。

八、導(dǎo)出切片

1、添加標(biāo)記切圖后，可以導(dǎo)出部分切圖或者當(dāng)前頁面的所有切圖。如果選中單個(gè)或多個(gè)圖層，點(diǎn)擊下圖所示的位置的圖標(biāo)，選擇“導(dǎo)出切片”，就可以將部分切圖或全部切圖下載下來。

2、編組內(nèi)的切片圖層，可通過屬性面板處的“僅導(dǎo)出編組內(nèi)容”設(shè)置生效范圍，勾選后將僅導(dǎo)出編組內(nèi)的切片區(qū)域。

九、導(dǎo)出PDF

在軟件中，可以將頁面內(nèi)的畫板按順序逐一導(dǎo)出為PDF并自動(dòng)匯總成冊(cè)。

十、導(dǎo)入SVG文件

支持粘貼三方平臺(tái)的SVG代碼完成導(dǎo)入并支持二次編輯，無需單獨(dú)下載SVG文件。在第三方平臺(tái)中復(fù)制SVG代碼后，打開摹客DT項(xiàng)目進(jìn)行粘貼即可。

更新日志

1、大幅提升DT產(chǎn)品性能，編輯操作更加流暢穩(wěn)定；

2、新增項(xiàng)目默認(rèn)封面，自動(dòng)渲染頁面內(nèi)容并生成封面；

3、新增DT項(xiàng)目類型，支持在摹客App演示DT設(shè)計(jì)稿。