今天蚂蚁金服体验科技发布最新的 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 规范的组件目前已支持表格按钮分页组件, 更多组件接入中
来源: http://www.tuicool.com/articles/n6J3qqz