蚂蚁金服推出提升工作效率的Sketch 插件「Kitchen」

今天蚂蚁金服体验科技发布最新的Sketch 工具集「Kitchen」,支持设计稿快速同步协作;快速配置表格、按钮、分页等 Ant Design 组件;提供精选色板,并可以管理属于你的色板库;接入海量 Iconfont 图标资源,可拖拽修改图标。

官方视频教程:

安装

下载并解压 Kitchen.zip:https://pan.baidu.com/s/1gr8Ux4uNFg2JpLNh4NUZCQ 双击 Kitchen.sketchplugin 完成安装

Kitchen

使用

执行 Plugins > Kitchen > 工具栏 或使用快捷键 command  ⌘ + \ 启用或禁用属性选择器左侧全局工具栏,以快捷使用插件功能

便捷上传设计稿

可通过插件将设计稿上传至语雀画板,足不出户就能管理的设计资源

首次使用

需授权登录语雀账号,前往 官方通道 申请内测邀请码后完成操作

语雀画板可多图进行批量操作,同时对单张图片替换和获取原图。如需要查看详情信息,直接点击图片进入即可。Sketch 上传的设计稿会自动到语雀画板中,最新的设计稿会出现在最后面。如果是覆盖上传,设计稿右上角会出现绿点,表示有最新内容更新。如需要对图片进行排序,拖动图片即可完成。排序后顺序会保留,不随 Sketch 的更新而更新

图评

进入图片详情后,可对图片进行全局评论,将设计想法更全面的和团队成员之间进行分享。成员也可以针对设计稿中某个细节进行评论。评论以后,作者或者订阅的人可以及时收到对应的通知

热区制作

当想制作一个图片间的关联关系,可使用热区制作功能,选择一个需要关联的区域,设置目标页面。这样就可以完成一个非常简单的逻辑原型制作

标注信息

如果通过 Sketch 插件上传的设计稿,语雀会自动解析出设计稿中带的附属信息。如字体的字号、颜色、间距、图层的样式

打造团队专属 Symbol 库

除了快速导入 Ant Design 和 Ant Design Mobile 两个精品资源包外,还可将精心制作的 Symbol 上传至语雀,与他人分享和维护你们的专属 Symbol 库

提供精选色板 & 自定义色板

提供 Ant Design 和 Material Design 两个精选色板,并可新建自定义色板,管理自定义色板库

快速生成 Ant Design 组件

通过组件生成器可在 Sketch 中配置出符合 Ant Design 规范的组件。目前已支持表格、按钮、分页组件,更多组件接入中

文章来源:

Author:3年2班程远
link:http://www.uisdc.com/sketch-plugin-kitchen