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 前端开发 程序员
用Unity不会几个插件怎么能行?Unity各类插件及教程推荐
话说工欲善其事必先利其器,程序员总是有一些开发利器,而对于Unity3D开发程序员来说,插件就是非常好用的利器。 今天博主,就将比较好用的插件推荐给大家,希望一起学习品鉴。
|
25天前
|
数据可视化 前端开发 开发者
花样玩转“所见即所得”的可视化开发UI
【7月更文挑战第12天】WYSIWYG)的可视化开发UI带来的便利与创新: 降低开发门槛: 即使无编程基础也能通过直观操作快速构建界面。 提高开发效率: 实时预览减少代码与预览间的频繁切换。 促进团队协作: 设计师与开发者可在同一界面交流修改。 增加创意实现: 自由尝试布局、颜色与交互方式以验证想法。 此类工具(如Adobe XD、Figma、Sketch等)正变革软件开发方式,带来更高效、具创意及易操作的体验。
|
18天前
|
JavaScript 调度
Three.js开发秘籍:FlyControls的拖拽视角问题解决方案
Three.js开发秘籍:FlyControls的拖拽视角问题解决方案
28 0
|
2月前
|
数据可视化 大数据 API
【推荐100个unity插件之22】基于UGUI的功能强大的简单易用的Unity数据可视化图表插件——XCharts3.0插件的使用
【推荐100个unity插件之22】基于UGUI的功能强大的简单易用的Unity数据可视化图表插件——XCharts3.0插件的使用
45 0
|
Web App开发 前端开发 JavaScript
从开发chrome插件到插件系统设计
最近ChatGPT的技术概念很火热,开发了一个node-gptcommit开源项目,主要利用GPT用来自动生成git commit的信息。
273 0
|
Web App开发 JavaScript 前端开发
【推荐】jQuery应用程序架构设计工具(PPT)
【CSDN编译】Addy Osmani是jQuery Core Bug Triage & Docs Team成员,AOL的UI开发工程师,著有《JS关键设计模式》、《OSS stuffs》等书。本文是他在今年伦敦Web Directions上的演讲——《jQuery 应用程序结构工具》,这是一个幻灯片的扩展版本,包含多方面内容和亮点,其亮点是这15个幻灯片。
722 0
移动端UI设计规范模板参考以及设计规范的好处
2018也快要过完了(-_-),我们的移动端的UI设计规范也层出不穷。很多APP设计师也要在年底给公司或者是团队做一个总结。那么一个像样的APP ui设计规范也是很有必要的作品回顾。
1881 0
你的设计应该「所见即所得」
本文讲的是你的设计应该「所见即所得」,由于这是同一栋楼,所以你可能会想这两个单元应该是相似的。的确,它们都有1000平方英尺的面积,墙壁上全是巨大的格子窗户,使得阳光和温度能倾泻到屋子里(住在屋子里就像我的故乡德克萨斯州一样,正午阳光与地面的角度有90度)。
1408 0