Sketch,作為一款專為圖標和界面設計而打造的優質矢量繪圖工具,也是設計師們製作和完善公司企業內部設計規範系統不可或缺的設計工具。
然而,逐個導出和上傳Sketch編輯優化的設計系統資源費時而費力。究竟如何才能實現Sketch和設計系統的完美對接,實時同步更新設計系統的同時,提高工作效率呢?
不用擔心!Mockplus團隊全新推出了一款能夠輕鬆幫助設計師實現與Mockplus DS設計系統無縫對接的Sketch插件新利器。它無疑是設計師們根據各自分工,實時通過Sketch工具製作,匯總,修改以及完善設計規範系統的最佳工具。
Sketch插件新利器——實現Sketch與Mockplus DS的無縫對接,同步自動更新
Mockplus DS(Design System)設計系統,是Mockplus團隊繼Mockplus原型設計工具之後,最新推出的在線設計規範系統。 而為方便設計師結合Sketch工具製作和優化MockplusDS設計規範系統,Mockplus團隊也同樣推出了極具特色的Sketch插件。
設計師直接安裝,即可實現Sketch和Mockplus DS設計規範系統的同步自動更新。
而該Sketch插件,之所以稱作「新利器」,主要因其擁有以下突出特點:
1).便捷易懂的帳號使用策略
作為Mockplus DS系統的衍生工具,該款Sketch插件沿用了Mockplus DS的便捷易懂的帳號使用策略:
*直接使用Mockplus原型設計工具帳號
一方面,設計師可以直接使用Mockplus原型設計工具帳號,登錄創建設計規範系統,並享有同樣的團隊協作功能和權限,無需重新註冊或購買全新帳號。
*免費註冊全新帳號
另一方面,如若設計師未曾使用Mockplus桌面端原型工具或希望創建獨立的帳號專門進行設計規範製作,也可免費註冊,創建新的帳號和協作系統。
2).簡單、快速安裝和使用插件,無需過多流程
用戶簡單三步,即可實現插件的安裝和使用:
第一步,官網下載。
第二步,解壓安裝。
如圖,當界面彈出圖中提示時,表示插件安裝完成。
第三步,Sketch工具欄中打開插件,直接使用即可:
3). 支持6大模塊設計資源的導入和導出,為設計師提供更加全面的設計服務
插件提供了6大設計模塊(比如Logo、色彩、字體、組件、圖片以及圖標模塊),方便設計師根據需要,從Sketch直接添加或再加工各種類型的設計規範和資源,優化設計系統。如圖:
4). 支持插件與MockplusDS的同步自動更新,簡化設計規範製作過程
在Sketch插件內添加的各種圖片,組件以及字體樣式,Mockplus DS系統會自動同步更新,從而極大簡化設計規範系統製作過程。反之,則亦然。
5). 支持組件添加,豐富和優化設計規範系統
支持各類UI設計組件的製作和導出,是Sketch不同於其他繪圖工具的重要特點。而Mockplus DS插件考慮到這一點,同樣支持Sketch組件的直接添加和應用,以豐富和優化設計規範系統。
如圖,點擊加號,即可實現組件添加。
6). 簡單點擊或拖拽,即可實現圖片,部件或字體樣式的添加和應用
Sketch內製作的各種設計規範,設計師簡單點擊「+」,即可同步自動添加到MockplusDS設計系統。而插件內儲存的各種設計系統圖片,部件或字體樣式,設計師亦可簡單點擊或拖拽使用到Sketch畫板,方便快捷而不失實用性。
7). 支持搜索,分類添加等其他功能
當然,除以上提及功能,該款插件還提供了許多其他的設計功能,方便用戶更快,更簡單地實現設計規範的製作,完善,使用和管理。
比如,該款Sketch插件支持資源搜索功能,用戶簡單輸入相關關鍵詞或標籤,即可查找所需規範資源,即搜即用。
此外,其分類添加功能,對於通過Sketch工具向設計規範系統添加更多高質量的資源,也是非常實用。
總之,作為設計規範製作新利器,此款Sketch插件對於實現設計系統的搭建和優化,發揮著重要作用,極大地提高了設計師工作效率。
使用Mockplus DS設計系統輕鬆製作、優化和管理設計規範系統
為方便大家搭建更加完整全面,細節清晰的設計規範體系,Mockplus DS系統也提供了非常豐富的其它設計功能:
比如,Mockplus DS封裝了Logo, 標準字,字體,標準色,圖標,圖片,度量,陰影以及組件等九種設計規範模塊, 方便設計師們創建更加規範統一的Web或APP 產品。如圖:
比如,Mockplus DS不僅支持豐富的圖片格式上傳(例如PNG, JPG, JPRG, GIF, SVG等常見圖片格式),還提供了強大的Google和系統字體庫,能夠輕鬆幫助設計師定製符合公司和產品特色的設計規範體系。
比如,Mockplus DS還支持設計庫內各種圖片和字體樣式的CSS代碼直接導出,並應用到前端設計中,實現設計和開發團隊的高效交流與協作。如圖:
比如,Mockplus DS的團隊協作和管理功能,能夠幫助設計師更加高效地實現設計系統的協作添加和應用。
總之,作為一款竭力為用戶打造更加實用而高效的設計系統而開發的工具,Mockplus DS在線設計系統,不僅是一款名副其實的設計規範製作和優化工具,還是一個強大的設計資源庫,更是一款品牌打造以及公司企業設計統一工具。一個系統,輕鬆帶給用戶多重設計體驗。
結語:
該款Sketch插件,不僅是設計師們通過Sketch工具編輯,上傳以及優化設計系統資源和規範的絕佳利器,也是他們下載和應用設計規範系統資源的重要橋梁,更是是實現Sketch工具和Mockplus DS設計系統完美對接,實時同步更新的重要工具。
所以,如若作為設計師的你,也在苦惱如何實現Sketch與設計規範系統資源的同步更新和實時應用,Mockplus DS設計系統Sketch插件無疑是你最佳的選擇。