恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

资源 | 最新版Sketch+插件分享,提升200%工作效率

原创文章 分类: 经验/观点 版权: 举报
523 23 14 1
2020-09-14
5.9
编辑推荐


Hello呀大家,Sketch已经悄悄更新到68.2了,以前阿叶给大家分享过两期Sketch插件推荐,随着版本的更迭,插件卸载了一批又一批,最后留下的都是工作中必不可少的~文末获取无套路免费领取方式哦!


自习室一直有在持续更新分享Sketch安装包,大家在公众号后台回复 Sketch 就可以获取最新版及历史版本,方便不同MacOS版本的同学选择使用~

以前给大家推荐的插件下载网站也变更域名了,现在是 oursketch.com ,阿叶推荐的插件都可以在这儿下载到,建议收藏不迷路哦!

接下来给大家分享阿叶常用的插件:



01 Sketch Measure

标注切图工具(本地)

特点:导出的工程文件是本地的,比较安全,切图也直接导出来了,前端使用的时候会比较方便


使用说明  

第一次操作会弹出界面倍率和单位选择对话框让你设置,选择的倍率和单位基于当前画板尺寸,如 Sketch 默认 iPhone 7 画板 375x667px 的倍数和单位分别为 1 和 px。不清楚怎么设置的同学,就直接用默认的标准像素就好了,反正后面前端看的index预览文件里面可以再设置,所以这个其实不影响。


使用这个插件能快速的完成与前端的交接工作,我一般是用sketch默认的切图(制作导出项)完成切图后,选中所有要交接的界面(画板),然后点开Sketch Measure-导出规范(都是默认设置)就完成啦。


这些都是导出后的文件,一般我们只会用到切图文件和标注查看器,但你交付给前端的时候必须整个文件都打包发送,不然标注查看器就啥也看不见了。


对了对了,这个插件还支持手动标注和设置切图范围,真的很全能了!



02 摹客iDoc

标注切图工具(线上)

特点:我和我的团队都是用的摹客,线上协作非常方便(PS:百人团队免费用,really良心产品)上面推荐的插件是把设计规范导出到本地进行交付,而摹客支持多人线上协作,文件再也不用传来传去啦


  使用说明  

使用就更简单了,打开插件,登录摹客账号,选择项目然后上传就可以了!


上传完成后,点击“查看项目”,你会跳转到摹客iDoc网页上去,在这里支持查看界面数据、一键下载切图、在线制作交互原型和添加评论等操作。


值得注意的是,你分享出去的链接有两种模式,一种是给程序员看的,链接里面含有/app/字样,这个是属于内部文件,所以是需要权限的,记得把你的伙伴们添加进团队里。


还有一种是对外的预览链接,谁都可以看,如果你制作了交互,还可以在这里进行跳转等交互操作,链接里面含有的是/run/字样



03 Kitchen

蚂蚁金服出品的效率工具集

特点:超多免费资源,图片、文字等数据填充;iconfont图标;智能排版;图表生成


  使用说明  

好用!谁用谁知道,嘿嘿。



04 Automate

腾讯大神开发的效率工具集

特点:比sketch更新得还频繁的效率工具集,由腾讯大神Ashung开发


  使用说明  

超级多功能,随便截个图给你们看看~对了,插件默认是英文的,咱们需要在【帮助help】里面选择【更改菜单语言change language】换成中文。



05 Craft

国外效率工具集

特点:这是最早的自动填充神器,图片、文字等数据填充(国外的);元素快速复用排版


  使用说明  

在kitchen之前就经常被我们使用,最常用的功能就是元素复用,大家可以试玩一下。不过安装会稍微麻烦一丢丢,教程可以看这里

https://oursketch.com/plugin/craft



06 Preview in browser

在浏览器中查看设计图

特点:非常好用的预览神器,特别是对于网页设计师来说,能直接从软件到浏览器中去预览效果是非常直观和高效的


  使用说明  

这个插件以前只能预览画板名称开头是英文或数字的界面,现在优化了,也支持中文名称了,选中画板,按住快捷键command ⌘ + shift ⇧ + .  就可以在网页真实预览设计图,堪称完美。


阿叶曾经也写过一篇文章专门向大家推荐这个插件,详情点击:墙裂推荐Sketch预览网页设计效果插件



07 Dapollo

大菠萝,支付宝工作台

特点:内含支付宝基础图标、色彩库、组件库、设计图模板


  使用说明  

蚂蚁金服联合 Iconfont 推出的一站式设计开发工作台,内含标准的图标库、色彩库和组件库,安装好后,直接从插件侧边工具栏中拖出你想要的设计模板就好啦。



08 Fusion Cool

完整的中后台设计系统组件库

特点:中后台基础图标、图表、组件、区块及设计图模板


  使用说明  

安装好后在右侧面板中显示,可以选择跟sketch属性面板相互切换,使用方式也是拖拽到画板里就可以用。




09 Split Shape

平分图形工具

特点:懒人福音,当你想在一个宽度内设置几个相等宽度和间距的图形时,再也不用掏出计算器和小本本进行计算了,这个插件可以一键将图形按照指定数量和间距平分


  使用说明  

我超爱用这个插件,太省心了~


如果界面上要做两个按钮,你是不是要先留出安全边距,然后留出按钮间距,再进行平分?这样的过程是非常繁琐的,而且还得去思考计算,太烦了。

有了这个插件,你只用画一个通栏的矩形,然后输入你想要的安全边距margins,和按钮间距gutter,列数设置2,行数设置1,然后就OK了!


当你需要做一个相册页面的时候,更方便了!只用画一个矩形,然后设置行列数,卡卡卡,一秒钟给你搞定九宫格!



10 Copy 2 all

一键复制到全部画板

特点:一键复制当前图层、编组或组件到所有画板的相同位置


  使用说明  

插件将复制当前选定项到所有其它画板并放置同一位置,执行 Plugins > Copy 2 All 或使用快捷键 command ⌘ + alt ⌥ + A



11 Rename it

快速批量重命名图层

特点:批量重命名图层、画板,还可以按照排序来重命名


  使用说明  

这个插件用来规范命名真的是太好用了,里面还有一些隐藏操作,大家可以根据需求详细了解一下:

https://oursketch.com/plugin/rename-it


插件已经打包好了,如果看完本文觉得有收获的话~欢迎关注我的微信公众号【叶设计的自习室】,持续更新自习经验、优质教程、设计资源和灵感❤


【自习室】插件分享第三弹20200911 

链接: https://pan.baidu.com/s/1ktShq6fWpRUQQNACcAQAgA  

密码: iqpo

-

感谢关注叶设计的自习室!

加我好友不迷路~

Powered by Froala Editor

微信公众号:叶设计的自习室

超级叶

微信公众号:叶设计的自习室

1461粉丝/66关注

老马识途助人为乐小有名气砖家收藏家lv.3
干货 | Sketch常用快捷键の最新最全指南教程 | 如何使用AI绘制质感煎蛋插画

超级叶

超级叶

微信公众号:叶设计的自习室

老马识途助人为乐小有名气砖家收藏家lv.3

你确定要举报资源 | 最新版Sketch+插件分享,提升200%工作效率

如果查出恶意举报,十天内禁止提交任何举报申请。

0/200

上传证据: 超过10M的附件请使用网盘地址

点击上传附件

对谁可见:

全部设计师
  • 全部设计师
  • 推荐设计师和认证设计师

您确认要推荐?

该作品发布时间:2020年09月14日

评分

完整度

启发性

勤奋性

排版布局

推荐心得

建议20-200字以内

0/200

扫描二维码
去手机端查看海报

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票

账号或密码错误,请重新输入

账号或密码错误,请重新输入

登录

账号或密码错误

发送验证码 120s 验证码错误

登录

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2020 UI.CN