Sketch插件新利器——使用Mockplus DS製作設計規範

2020-12-06 Mockplus摹客

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插件無疑是你最佳的選擇。

相關焦點

  • ARM DS-5開發STM32程序(Eclipse配合Keil插件使用)
    http://pan.baidu.com/s/1mgHX2JY補充:社區版激活代碼:http://ds.arm.com/zh-cn/ds-5-community-edition/getting-started/3.運行DS-5安裝Keil插件安裝好Keil插件後只是使用了Keil的調試和下載功能,真正與DS-5合體需要在Eclipse
  • 一篇文章教你看懂Photoshop和Sketch
    圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果,其重點在於對圖像的處理加工;圖形創作軟體是按照自己的構思創意,使用矢量圖形等來設計圖形。涉及領域:平面設計、廣告攝影、影像創意、網頁製作、後期修飾、視覺創意,最後一點那就是界面設計,也是大多數UI設計師所熟知的!
  • 更新 | Sketch 58 中文破解版
    配合矢量工具和基本的形狀,無論你在設計的圖標、網站、界面或其它任何設計,結合成複雜的形狀或使用非破壞性的布爾運算,你都可以自由地編輯它們,然後應用先進的圖層樣式選項,填充如多重陰影、填充、漸變、噪點及背景模糊等
  • Sketch or Figma誰才是UI設計軟體的未來?
    最好的跨平臺UI設計工具一直以來,界面設計工具似乎對windows都極度不友好,比如Sketch壓根不開發windows版本,Adobe的XD雖然有windows版本,但實際使用體驗還是和Sketch有明顯的差距。
  • 個人總結:icon網格使用規範
    二、圖標的基礎知識如果你不了解圖標的基礎知識想取得進步非常困難, 這章就是在你設計圖標之前指導你每一個技術細節。學習圖標的類型、不同風格、不同尺寸之間的差異, 如何使用網格以及讓一套圖標看起來視覺統 。
  • C4D插件大全,C4D插件怎麼安裝/怎麼使用(含C4D如何使用教程)
    今天,世紀man給大家分享幾款常用的C4D插件和一些C4D教程。我們知道,作為一款3D圖形圖像軟體,C4D在設計領域有著重要的地位。而C4D插件則為這款軟體添加更加強大的功能。下面,世紀man就給大家分享下幾款插件以及C4D插件怎麼安裝,怎麼使用。
  • 如何用Sketch製作精緻的交互原型?
    雖然Sketch更適合設計師使用,但是在最近幾年,越來越多的產品經理使用Sketch代替Axure設計原型。出圖快、易操作、易上手是Axure的巨大優勢,但是交互一直是Sketch的硬傷。在這篇文章,一起來看看作者如何解決。
  • Web頁面設計工具千千萬,為何它備受青睞?
    Mockplus擁有豐富的組件庫,所有組件只需拖拖至工作區即可開始頁面設計;組件的交互設置只需點擊拖曳,方便快捷;支持一鍵導入頁面和模板,在快速搭建頁面的同時,還能獲取靈感;擁有豐富的Web設計例子和模板可以下載使用,快速進入設計狀態;自定義組件庫、數據填充、SKETCH導入,格子等特色功能實現設計快速復用,告別大量重複的設計操作;支持8種演示方式,無論何時何地都可以進行預覽!
  • 藍寶石插件獨家使用教程,英文版的插件使用且特方便!
    在影視後期行業,藍寶石插件可謂是「神一般」的存在!其強大的特效及其轉場功能!著實讓很多影視後期特效師大呼:快哉,快哉!藍寶石插件雖然威力巨大,但很多小夥伴都不知如何使用哦!經常有小夥伴在視頻製作大叔的社群裡面,有很多小夥伴向大叔反饋:大叔,藍寶石這款插件如何使用!聽名字都很霸氣!但是網站的教程多是英文版本,可否單獨錄製一期使用教程!視頻製作大叔抽根煙:一定要幫助他解決問題!所以大叔出了本期教程,親們跟著大叔去看看吧!
  • 一文解讀鋁基板pcb製作規範及設計規則
    而衝外形,需要使用高級模具,模具製作很有技巧,作為鋁基板的難點之一。外形衝後,邊緣要求非常整齊,無任何毛刺,不碰傷板邊的阻焊層。通常使用操兵模,孔從線路衝,外形從鋁面衝,線路板衝制時受力是上剪下拉,等等都是技巧。衝外形後,板子翹曲度應小於0.5%。
  • 不可不看,靜電告訴你最新發布的Sketch3.4中都有哪些新功能
    1.新功能-Share新版本的Sketch中新增了一個叫做Share的圖標,通過這個功能,我們可以直接把當前文檔通過區域網地址的方式發給你的同事或者朋友。當然必須是區域網哦(如果你的地址是公網ip,那麼你可以發給任何人)。
  • Element3d強大三維製作AE插件
    本插件是videocopilot機構出品的Element3d強大三維製作AE插件V2.2.2.2147 Mac版,大小:310 MB,支持AE全系版本軟體,支持Mac系統,語言:英語。新增三維坐標軸,左視圖,右視圖,頂視圖,側視圖,網格等等可以在編輯器裡複製三維模型,快速創建簡單的三維幾何模型可按住shift鍵同時選擇多個模型移動單獨顯示反射,陰影等等國外大神中文字幕使用教程:《Element3D插件全面教程》人人素材翻譯組http://www.rr-sc.com/forum.php?
  • 基於Markdown製作幻燈片,2種簡潔、高效的VSCode插件
    無論是學生、老師,還是上班族,都有使用PPT做答辯、講課、演講或報告的經歷。而PPT的製作,要面臨著模板的選擇、格式的調整、排版的效果等等與PPT內容無關的問題。如果PPT的使用場合,對其設計細節要求不多的話,為什麼不嘗試一些快速、簡潔的PPT方案呢?
  • Red Giant紅巨人特效插件助力您製作影視大片特效!
    Red Giant紅巨人特效插件是影視後期製作必備的,可以實現很多特效,Red Giant系列包含Red Giant Universe,Magic Bullet Suite,Trapcode Suite,VFX,Shooter Suite五個紅巨人視頻特效插件,每個都是不可多得之作
  • AE插件如何安裝,AE插件大全(含AE光效插件/調色插件/特效插件)
    經常使用AE的小夥伴一定清楚想要獲得更好的效果,插件是必不可少的,沒有插件的AE軟體就像沒有子彈的槍一樣,不能發揮全部力量。為了讓影視後期者能在特效處理時少走彎路,世紀man給大家整理了幾款常用,功能強大的AE插件套件,讓大家更快掌握AE軟體的精髓。
  • 搞定複雜數據過濾,日期參數插件的使用教程來了
    小李是某公司的銷售經理,需要分析公司當天、本周、本月、本季度等時間的銷售報表,小李在製作報表過程中,對於日期轉換腳本知之甚少,無法準確計算出想要的日期數據,於是他查找幫助中心,發現日期參數組件,可以選擇一個基準時間,基於該基準時間快速篩選本周、本月、前7天等數據,同時也可以自定義時間範圍,選擇前/後時間範圍的數據,達到一鍵實現日期過濾的效果
  • 【AE插件】中文漢化AK大神光效插件合集WIN/MAC,免費下載!
    一共4個插件:能量光劍Saber特效描邊雷射插件、鏡頭光暈插件Optical Flares v1.3.5、著色插件VC_Color_Vibrance_01、熱浪變形紊亂插件heat distortion。詳細的使用方法可以去官網學習:https://www.videocopilot.net
  • 金茶花文創設計大賽之昆明銅·斑銅白銀創意製作技能競賽參賽手冊
    突出昆明銅、斑銅、白銀製作技藝的工藝特徵,體現銅、斑銅、白銀創意設計和製作技能。展示雲南昆明歷史文化、風情特色,深入挖掘雲南文化內涵,提煉地域文化的獨特價值,具有紀念性、禮品性和實用性,滿足文化旅遊的需求。
  • MAC視頻剪輯必備插件,淺談我的PR都裝了哪些神奇插件?
    無論平臺或主機應用程式如何,這都可以讓您以極快的速度渲染,可以說Beauty Box是Mac用戶後期製作的福音!三、Magic bullet Looks :調色插件looks調色插件,提供強大的外觀和色彩校正功能,無論是對初學者還是影視專業製作人員,從冷酷驚豔的的動作場面到紅色,暖色的浪漫色調,都可以幫助快速的完成,滿足用戶的所有需求,讓您的設計作品一下子提升到了電影級別。
  • AE插件丨Element 3D三維模型插件
    【插件介紹】