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

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

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

軟件特色

1、資產(chǎn)繼承

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

2、矢量設計

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

3、協(xié)作交付

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

4、實時協(xié)同

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

5、資源復用

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

6、快速編輯

多種快速編輯操作，降低時間損耗，助你高效完成設計。

摹客DT界面介紹

1、主菜單

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

2、頁面與圖層

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

3、工具欄

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

4、工作區(qū)

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

5、屬性面板

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

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

摹客DT電腦版導入與導出教程

一、導入Sketch文件

支持導入Sketch的源文件并進行二次編輯。

1、導入方式

在主頁處，點擊“導入Sketch文件”按鈕，即可導入本地的Sketch文件，導入成功后將生成一個新的項目。

你也可以直接拖拽多個本地的Sketch文件至DT完成導入。

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

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

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

二、導出Sketch文件

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

三、導出DT項目文件

支持將項目導出為本地的mdt文件。在項目左上角點擊面包屑圖標，選擇項目 - 導出 - 導出DT項目文件即可。

四、導入DT項目文件

支持導入本地的DT項目文件并進行二次編輯。在項目首頁的頂部圖標中點擊dt，選擇本地的mdt文件，確認后就可以完成導入。

五、導入Figma文件

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

1、獲取Figma文件的URL鏈接

登陸Figma平臺，選擇需要導入的文件，鼠標右鍵選擇“Copy link”復制文件鏈接。

2、導入Figma文件

（1）獲取文件鏈接后，打開摹客DT并進入主頁，點擊Figma圖標開始導入。

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

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

常見問題

1、導入失敗時，可通過以下方式重新導入：

（1）網(wǎng)絡異常問題導致：檢查網(wǎng)絡或關閉vpn后重試；

（2）文件體積過大導致：文件超過200M時，可能會導致解析錯誤，建議將文件拆分后導入。

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

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

（2）Figma文件中的實例，摹客DT會默認取組件資源的樣式；

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

六、標記切圖

1、添加標記切圖

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

如果多次點擊下圖所示的?圖標，會自動生成 1x、2x、3x、1.5x、0.5x 的切圖。點擊“導出”，就可以將所有倍率的切圖一并下載下來。

2、取消標記切圖

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

3、下載不同設備的切圖

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

七、切片切圖

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

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

八、導出切片

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

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

九、導出PDF

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

十、導入SVG文件

支持粘貼三方平臺的SVG代碼完成導入并支持二次編輯，無需單獨下載SVG文件。在第三方平臺中復制SVG代碼后，打開摹客DT項目進行粘貼即可。

更新日志

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

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

3、新增DT項目類型，支持在摹客App演示DT設計稿。