Sketch常用插件介绍

Posted 设计白话文

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Sketch常用插件介绍相关的知识,希望对你有一定的参考价值。

sketch大家应该都不陌生,在互联网设计尤其是UI设计相对于老牌PS,sketch提升了工作效率,改变了以往的工作模式,sketch的强大除了软件本身,另一个不可磨灭的功劳就是丰富的插件。

今天给大家介绍几款常用的插件:


一、Sketch Measure

一键自动生成 html 页面,离线下检查所有设计细节,包括 CSS 样式。

在线演示: http://utom.design/news/



二、Craft

帮你提高效率的自动填充神器

a.文本自动填充

b.图片自动填充

可从电脑文件夹或网络导入真实不重复的照片到设计的界面里,插件可以将真实图像快速添加到界面,并且提供足够多的添加选择方式。

缺点是不支持中文的填充。


Sketch常用插件介绍

三、蓝湖

高效的产品设计协作工具,支持共享 Symbol、同步 Sketch Prototyping 及共享、自动标注与多倍切图、设计图在线评论、设计图历史版本管理、快速制作原型等功能

Sketch常用插件介绍

相对于Zeplin蓝湖的优势是不用翻墙即可使用,并且蓝湖免费,功能齐全。

三、Angle & Magic Mirror

Sketch常用插件介绍

Sketch常用插件介绍

2者配合可以实现智能对象的编辑,嵌入样机,丰富自己的设计稿

四、Split Shape

Sketch常用插件介绍

一键将图形按照指定数量方式平分,对于做界面设计非常实用,设定好间距可以直接切分。

五、GIF me

Sketch常用插件介绍

可以使sketch导入gif动图


安利一个网站http://sketch.im/,里面有很多sketch相关的资源,包含了设计、素材、插件、教学视频,且更新频率很快。

六、官方插件

SVG图标被广泛应用,可软件输出的图标放入网页中代码过于复杂,svgo-compressor可以简化SVG格式图标,使其开发在使用图标时候代码简洁,亲测效果还不错。



















以上是关于Sketch常用插件介绍的主要内容,如果未能解决你的问题,请参考以下文章

Sketch上最好用的插件合集

Sketch webView方式插件开发技术总结

sketch插件---WeSketch

企业级微服务API网关Fizz-常用插件介绍

前端常用js插件

常用 Maven 插件介绍