Kitchen 插件都有哪些好用的功能

发布时间:2022-09-09 10:07


Kitchen是一个阿里团队开发的Sketch插件,又是一个大厂出品的插件,质量和功能的实用性就不用多说了吧,肯定是有保障的。

Kitchen 插件究竟是做什么的呢?我想主创团队已经用一种诙谐又令人印象深刻的话说出了,主创团队在表达他们的使命时是这样说的:“Kitchen 最大的使命是:我觉得这个东西是可以给广大设计师累计节省下很长寿命的事情。因为工具的局限性而必须要去做的机械的重复劳动可能累计的时间能占他们一生中的一整年?(未经精确统计瞎估算的)如果能把这些时间节省下来,从体力活里解放出来,把精力花到真正对设计的思考上去,也留出更多时间给家人和自己的爱好……如果可以的话,Kitchen 简直功德无量了。”

所以简而言之,Kitchen 插件的主要功能是减少设计师重复的机械性的劳动,把设计师从体力活中解放出来。

基于此,我们可以从几个方面逐一去看 Kitchen 插件究竟是如何为设计师的工作提效的。

设计系统

作为 Kitchen 3 的核心功能,设计系统能力支持并打通设计资产 生产-分发-消费 链路。用户可以在设计系统中创建设计系统、加载设计系统并使用其中的资产(组件、区块、色板、图标、插画、插件等)

img

便捷上传设计稿

可通过插件将设计稿上传至语雀画板,足不出户就能管理的设计资源,且 Sketch 49(及以上版本)做好的交互原型上传后会直接同步,也可用语雀热区功能制作 Prototype

执行 Plugins > Kitchen > 语雀 > Artboard 上传 或使用快捷键 control ⌃ + alt ⌥ + A

img

打造团队专属 Symbol 库

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

执行 Plugins > Kitchen > 语雀 > Symbol 同步 或使用快捷键 control ⌃ + alt ⌥ + W

img

多类数据快速填充

文本与图像填充助力快速填充设计稿,使其看起来更真实,也可自定义新建文本与图像,让填充内容更满足业务特征

img

图片填充模块可进行授权,直接从语雀画板读取图片素材进行填充

img

智能排版提升效率

智能排版有间距 与 边距 两大功能,间距 设置两个或以上元素之间水平间距或竖直间距,边距 设置元素与图形或位图的上下左右边距关系,根据内部元素尺寸变化而变化

img

img

接入海量 Iconfont 图标资源

通过 Kitchen 快速搜索和调用 Iconfont 图标,将合适图标拖拽到 Sketch 上进行修改和使用。如果习惯在 Iconfont 上管理图标库,登录 Iconfont 后,Kitchen 还可以关联到项目图标、上传的图标、上传的图标库和收藏的图标

执行 Plugins > Kitchen > 图标 > Iconfont 或使用快捷键 control ⌃ + alt ⌥ + I

img

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

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

执行 Plugins > Kitchen > 色板 或使用快捷键 control ⌃ + alt ⌥ + Q

img

快速生成 Ant Design 组件

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

执行 Plugins > Kitchen > 组件 或使用快捷键 control ⌃ + alt ⌥ + D

img

这个是阿里团队开发的一款提升工作效率工具集插件,你可以通过Kitchen将sketch的设计稿上传至语雀画板,足不出户就能管理的设计资源。

特色功能:

A. Iconfont图标库:一键拖拽海量 Iconfont 图标,还可管理自己的项目

B.设计稿上传: 一键上传设计稿到语雀,与团队成员分享你的想法

C.智能排版:「边距」和「间距」功能,几步制作 Sketch 流程图

D.数据填充:一键填充高逼格真实的图片和文字,还可以自定义管理

E.色板管理提供各大官方精选色板库,轻松管理属于你的色板库

F.Symbol同步:导入导出 Symbol 精选包,共享你的专属 Symbol 库

D.组件生成器:在 Sketch 自动配置符合 Ant Design 规范的组件


总结

Kitchen 插件的主要功能是减少设计师重复的机械性的劳动,把设计师从体力活中解放出来。在文章中我们可以看到,Kitchen 插件的各种功能基本上都达成了这个目的。是一个真正为设计师工作提效的插件。