Sketch插件新利器——使用摹客设计规范制作设计

简介: Sketch,作为一款专为图标和界面设计而打造的优质矢量绘图工具,也是设计师们制作和完善公司企业内部设计规范系统不可或缺的设计工具。然而,逐个导出和上传Sketch编辑优化的设计系统资源费时而费力。

Sketch,作为一款专为图标和界面设计而打造的优质矢量绘图工具,也是设计师们制作和完善公司企业内部设计规范系统不可或缺的设计工具。


img_22465db3e31a82cff2911a55cdc94aaa.png

然而,逐个导出和上传Sketch编辑优化的设计系统资源费时而费力。究竟如何才能实现Sketch和设计系统的完美对接,实时同步更新设计系统的同时,提高工作效率呢?

不用担心!Mockplus团队全新推出了一款能够轻松帮助设计师实现与摹客设计系统无缝对接的Sketch插件新利器。它无疑是设计师们根据各自分工,实时通过Sketch工具制作,汇总,修改以及完善设计规范系统的最佳工具。

Sketch插件新利器——实现Sketch与摹客设计系统的无缝对接,同步自动更新


img_78ed96fcc73139e1c4535915a23b3056.png

Mockplus DS(Design System)设计系统,是Mockplus团队继Mockplus原型设计工具之后,最新推出的在线设计规范系统。 而为方便设计师结合Sketch工具制作和优化Mockplus DS设计规范系统,Mockplus团队也同样推出了极具特色的Sketch插件。

设计师免费下载安装https://ds.mockplus.cn/,即可实现Sketch和摹客设计规范系统的同步自动更新。

而该Sketch插件,之所以称作“新利器”,主要因其拥有以下突出特点:

1.支持6大模块设计资源的导入和导出,为设计师提供更加全面的设计服务

插件提供了6大设计模块(比如Logo、色彩、字体、组件、图片以及图标模块),方便设计师根据需要,从Sketch直接添加或再加工各种类型的设计规范和资源,优化设计系统。如图:


img_59c73654205a9311d1822b55e173df4f.png

2. 支持插件与摹客设计系统的同步自动更新,简化设计规范制作过程

在Sketch插件内添加的各种图片,组件以及字体样式,Mockplus DS系统会自动同步更新,从而极大简化设计规范系统制作过程。反之,则亦然。

3. 支持组件添加,丰富和优化设计规范系统

支持各类UI设计组件的制作和导出,是Sketch不同于其他绘图工具的重要特点。而摹客设计系统插件考虑到这一点,同样支持Sketch组件的直接添加和应用,以丰富和优化设计规范系统。


img_b37b65e3a2d68ae24b11d13ae017c38f.jpe

如图,点击加号,即可实现组件添加。

4. 简单点击或拖拽,即可实现图片,部件或字体样式的添加和应用

Sketch内制作的各种设计规范,设计师简单点击“+”,即可同步自动添加到摹客设计系统设计系统。而插件内储存的各种设计系统图片,部件或字体样式,设计师亦可简单点击或拖拽使用到Sketch画板,方便快捷而不失实用性。

5. 支持搜索,分类添加等其他功能

当然,除以上提及功能,该款插件还提供了许多其他的设计功能,方便用户更快,更简单地实现设计规范的制作,完善,使用和管理。

比如,该款Sketch插件支持资源搜索功能,用户简单输入相关关键词或标签,即可查找所需规范资源,即搜即用。

比如,其分类添加功能,对于通过Sketch工具向设计规范系统添加更多高质量的资源,也是非常实用。

此外,该插件还支持Mockplus桌面端原型工具账号的直接登录使用,并享有对应账号的团队协作功能和权限,无需重新注册或购买全新账号,方便用户更加快捷,无阻碍的开始设计规范系统的制作和优化。

总之,作为设计规范制作新利器,此款Sketch插件对于实现设计系统的搭建和优化,发挥着重要作用,极大地提高了设计师工作效率。

使用摹客设计系统轻松定制、优化和管理设计规范系统


img_d3f604eefbbbb71de351adabc02e891a.png

为方便大家搭建更加完整全面,细节清晰的设计规范体系,摹客设计系统也提供了非常丰富的其它设计功能:

比如,摹客设计系统封装了Logo, 标准字,字体,标准色,图标,图片,度量,阴影以及组件等九种设计规范模块, 方便设计师们创建更加规范统一的Web或APP 产品。如图:


img_92f6ecfe38159f7b5ee130bf68752b8b.png

比如,摹客设计系统不仅支持丰富的图片格式上传(例如PNG, JPG, JPRG, GIF, SVG等常见图片格式),还提供了强大的Google和系统字体库,能够轻松帮助设计师定制符合公司和产品特色的设计规范体系。如图:


img_4fffcf76a2ad54e32a4ad7aa14844eff.png

比如,摹客设计系统还支持设计库内各种图片和字体样式的CSS代码直接导出,并应用到前端设计中,实现设计和开发团队的高效交流与协作。如图:


img_bab9cb5dab270bb8c4b4e94abddc8b9f.png

比如,摹客设计系统的团队协作和管理功能,能够帮助设计师更加高效地实现设计系统的协作添加和应用。

总之,作为一款竭力为用户打造更加实用而高效的设计系统而开发的工具,摹客设计系统在线设计系统,不仅是一款名副其实的设计规范制作和优化工具,还是一个强大的设计资源库,更是一款品牌打造以及公司企业设计统一工具。一个系统,轻松带给用户多重设计体验。

结语:

该款Sketch插件,不仅是设计师们通过Sketch工具编辑,上传以及优化设计系统资源和规范的绝佳利器,也是他们下载和应用设计规范系统资源的重要桥梁,更是是实现Sketch工具和摹客设计系统完美对接,实时同步更新的重要工具。

所以,如若作为设计师的你,也在苦恼如何实现Sketch与设计规范系统资源的同步更新和实时应用,摹客设计系统Sketch插件无疑是你最佳的选择。

相关文章
|
存储 前端开发 JavaScript
GIS前端编程-Leaflet插件发布
GIS前端编程-Leaflet插件发布
126 0
|
5月前
|
C# Android开发 开发者
Uno Platform 高级定制秘籍:深度解析与实践样式和模板应用,助你打造统一且高效的跨平台UI设计
【9月更文挑战第7天】Uno Platform 是一个强大的框架,支持使用 C# 和 XAML 创建跨平台 UI 应用,覆盖 Windows、iOS、Android、macOS 和 WebAssembly。本文介绍 Uno Platform 中样式和模板的应用,助力开发者提升界面一致性与开发效率。样式定义控件外观,如颜色和字体;模板则详细定制控件布局。通过 XAML 定义样式和模板,并可在资源字典中全局应用或嵌套扩展。合理利用样式和模板能简化代码、保持设计一致性和提高维护性,帮助开发者构建美观高效的跨平台应用。
111 1
|
7月前
|
Java API 开发工具
一个专为Android平台设计的高度可定制的日历库
Calendar库是Android开发的工具,支持RecyclerView和Compose,提供高度定制的日历组件。功能包括:单选/多选/范围日期选择、周/月模式、禁用特定日期、设置边界、自定义视图、每周起始日、滚动方式、热力图、标题和脚注、滑动导航及兼容低版本API。示例应用和源码可在GitHub找到,通过Gradle集成,有详细文档指导。
125 16
|
存储 XML 机器学习/深度学习
VisionOn 一款集流程图、思维导图、白板于一体的轻量级在线制图工具
在工作和学习过程中,通过可视化的图形,有助于清晰高效地表达我们的灵感、想法、思想。 工欲善其事,必先利其器。 目前,思维导图软件已经有 Xmind、Mindnode、 MindMeister 、亿图图示、 Gitmind,流程图软件包括 Microsoft Visio、 Draw.io、ProcessOn,白板软件包括 Miro、 无边记、 BoardMix 博思白板、Excalidraw. 今天介绍一款简单、好用、强大、高颜值、性价比高的制图工具 —— VisionOn.
376 0
|
定位技术
从0开发游戏引擎之 序言(引擎内主要模块)
从0开发游戏引擎之 序言(引擎内主要模块)
|
JavaScript
我熬夜开发了一款简约实用、支持多平台的Markdown在线编辑器(开源)
我熬夜开发了一款简约实用、支持多平台的Markdown在线编辑器(开源)
我熬夜开发了一款简约实用、支持多平台的Markdown在线编辑器(开源)
|
前端开发 UED
前端图片编辑功能的实践小结
前端图片编辑功能的实践小结
|
弹性计算 Kubernetes 网络协议
图表即代码:使用 Diagrams 制作云系统架构原型图
## 一、前言 昨天发现了一款非常不错的云系统架构原型图制作库 [Diagrams](https://github.com/mingrammer/diagrams "Diagrams"),通过它,我们便可以使用代码的方式绘制诸如阿里云、AWS、Azure、K8S 等系统架构原型图。 相比于在 UI 上对各种图标进行拖拽和调整,这种方式更符合我们程序员的使用习惯。 本文不仅要介绍下
2387 1
|
Web App开发 JavaScript 前端开发
【推荐】jQuery应用程序架构设计工具(PPT)
【CSDN编译】Addy Osmani是jQuery Core Bug Triage & Docs Team成员,AOL的UI开发工程师,著有《JS关键设计模式》、《OSS stuffs》等书。本文是他在今年伦敦Web Directions上的演讲——《jQuery 应用程序结构工具》,这是一个幻灯片的扩展版本,包含多方面内容和亮点,其亮点是这15个幻灯片。
740 0
移动端UI设计规范模板参考以及设计规范的好处
2018也快要过完了(-_-),我们的移动端的UI设计规范也层出不穷。很多APP设计师也要在年底给公司或者是团队做一个总结。那么一个像样的APP ui设计规范也是很有必要的作品回顾。
1956 0