使工作事半功倍的sketch插件推荐合集

用户头像
杭州/艺术工作者/7年前/1062浏览
使工作事半功倍的sketch插件推荐合集
用户头像
蜜斯理

sketch被越来越多的设计师使用,配合他的插件也有不少,今天给大家推荐十款超实用的插件。

                                       

作为一名为UI设计师,对于Sketch这款软件应该不会陌生,它是一款为UI设计而生的工具,它具有全矢量、轻量级、像素级精准,非常适合做移动端界面设计,相较于Photoshop设计界面Sketch更加快捷,协同效率高,而且Sketch有大量第三方插件,可以自定义满足很多日常设计需求。新颖的Sketch插件层出不穷,但是有那么几个是我怎么也离不开的,下面我就给小伙伴推荐几款我工作中常用插件 ,也欢迎大家评论里留言补充。


ps:目前Sketch只支持苹果电脑,PC端还不支持哦。页面有插件下载链接哦。


一.常用插件介绍


1.Marketch

有没有觉得标注很烦人!!

有没有因为标注不规范而被工程师吐槽!!

有没有因为切图花费大量时间!!

有了Marketch,这些问题都可以解决。

做完设计稿后,我们往往需要告诉前端开发工程师,图片的具体尺寸,文本字号和间距等,Marketch这个插件会让你充满惊喜。它是一款支持一键标注和一键切片的Sketch插件,可以实现动态标注、单位转换和动态切图等超级实用的功能。不仅免费,此外,这款插件可以在本地生成HTML,也不用担心安全和隐私问题。自从用了它和工程师沟通腰也不疼了、腿也不酸了!

插件下载地址:https://github.com/tudou527/marketch


2. Content Generator



用于生成人名、头像、邮件、占位文字、地理位置、随机数字等等。这个插件真是酷炫至极,我们做app设计的时候,我们可能会使用各种各样的头像来模拟真实效果。那么找头像也是一件耗时间的事情,这个时候神器来了,只需选中你要填充头像的图形,他会帮你随机选择并填充合适的图像,填充图片还分男女,人名也分性别。还能自动生成邮箱和电话,为我们节省大量时间,让你的Mockup看起来更加逼真。

插件下载地址:https://github.com/timuric/Content-generator-sketch-plugin 


3. Rename It

在设计时,我们常常需要批量修改图形名称,修改的名称最好是可以体现图层属性和参数,就可以快速方便地找到想要的图层,Rename it 将会是你的绝佳助手。

  • 重命名选中图层 多图层

    同时重命名多个图层。可执行 Plugins > Rename It > Rename Selected Layers 或使用快捷 command ⌘ + control ⌃ + R

  • 序列

    键入 "%N" 来让图层按照序列排序,同样你也可以使用 "%n" 来反向排序。可以添加更多结合标签(例如 Item %N ==> Item 1, Item 2, Item 3) 你也可以设置从哪里开始

  • 基于原始名称再命名

    键入 "*" 来保持原始名称再添加你想要的名称 (例如 Option * icon)

  • 按字母排序

    键入 "%a" 或 "%A" 按字母的名字排序 (例如 Item %a ==> Item a, Item b, Item c)

插件下载地址:https://github.com/rodi01/RenameIt


4. Craft


Craft算是sketch上老牌的自动填充插件了。

能填充很多英文类字符串。包括姓名,大标题,文章,日期,电邮,城市,地址,国家,货币等。

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


插件下载地址:https://www.invisionapp.com/craft


5. Fake Chinese Name

中文姓名生成器,一键随机生成中文名

上面推荐的Craft插件的名字填充是自动填充英文名,这个插件刚好跟它互补,效果图统统用中文吧。

插件下载地址:https://github.com/JJYing/Fake-Chinese-Name-for-Sketch


6. Sketch Measure


让创建规范成为开发者和团队协作的乐趣

一个集成了所有功能图标的工具栏,可以方便操作每一个功能,超级智能的帮你在作品上添加图形尺寸、距离、颜色和文本属性的附注,方便快捷,而且成品整洁漂亮。

执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control + shift+ B

插件下载地址:https://github.com/utom/sketch-measure


7. Sketch2AE


轻松导出 Sketch 资源至 AE 并自动定位

随着 Sketch 日益普及,越来越多的 UE 设计人员已然将日常设计工具由 Photoshop 改成了 Sketch,因为 Sketch 轻量、高效、插件扩展丰富。

但是对于动效来说,跟 Sketch 结合得较好的 Principle 跟 AE 比起来还是略逊一筹,这样导致你在 Sketch 中做好的界面还需要导出图片才能够在 AE 中使用,而为了解决这个问题,Google 设计团队推出了 Sketch 一键导入 AE 的插件——Sketch2AE

插件下载地址:https://github.com/google/Sketch2ae


8. Runner


Runner,Sketch 内部搜索并执行操作,减少设计过程中操作菜单栏的查找和选择频率。potlight 是Mac内的搜索引擎,可以帮助使用者快速寻找到各种各样的文件,应用程序或文件夹。和 Spotlight 的性质很相似,Sketch Runner 是一项快速、随打即找、支援sketch的特色搜索插件。像很多人记不住快捷键,或者对功能所在位置不熟悉,sketch Runner 就可以帮助你——通过模糊搜索快速启动和执行 sketch 中各种命令。

插件下载地址:https://sketchrunner.com/


9. SketchDistrbutor

选项、表格、列表等如果涉及数据多的话,常常让设计师感觉很头疼。因为手动排列效率很低。SketchDistrbutor可以帮你自动排列上述元素,你需要做的只有输入他们的间距。

插件下载地址:https://sketchapp.rocks/plugins/sketch-distributor/


10. Compo



一键生成自适应按钮及布局

在设计流程中通常会设计各式各样按钮且会不同的边距。当按钮内容更改后,不得不手动的去调整边距以适应新内容。Compo帮你轻松的解决该场景问题,甚至解决更复杂的一些情况、或配合 Symbol 使用。可以使一个文字图层转换为一个button,或者使一个现有图层转换为一个小部件,并按照指定的约束显示。

插件下载地址:https://github.com/romashamin/compo-sketch



文章持续更新中,喜欢可以关注我,转载请署名,感谢大佬们!


7
Report
|
14
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
Log in