获取与安装


  1. 官网下载https://kitchen.alipay.com/

  1. 在语雀新建画板知识库以后,知识库为空的状态下,会提示下载 Sketch 插件。或者新建画板以后,进入画板图片管理页面里有插件下载按钮。



授权语雀


将下载的 Kitchen 压缩包解压以后,直接点击插件即可完成 Kitchen 的安装。安装以后重启 Sketch ,点击插件中的工具栏。这个时候你会在 Sketch 的右侧看到一个固定的工具条。点击第一个 icon,即可进入授权的入口。点击后会跳转到语雀的页面,确认后完成授权(使用语雀 Sketch 插件需要先有语雀账户)。回到 Sketch 即可获取到你在语雀上的画板,授权成功以后需要你选择对应的空间。授权详细教程请戳: Kitchen 语雀上传




插件功能


便捷上传设计稿


你可以通过插件将设计稿上传至画板,足不出户就能管理你的设计资产。并且在 Sketch 中做好的交互原型,通过 Kitchen 插件上传设计图后,该 Sketch 中的原型会直接同步至语雀,也可以通过语雀的热区的功能制作 prototype。 



轻松分享及管理你的 Symbol 设计体系


找到好的精选 Symbol 设计体系

Symbol 同步功能升级,加入精选库~你可以在这里找到不同类型精选的设计体系,还可以快速而清晰地了解到 Symbol 的具体内容。

11.gif


直接新建画板,快速分享 Symbol 给团队成员

1、点击「新建 Symbol 模板」,就可以将当前打开的 Symbol Sketch 文件上传到语雀团队所在的知识库。

2、不止想分享给团队成员?还想将自己做得好的 Symbol 设计体系分享出来?请点击左下角「想要上精选」和我们取得联系吧!

1.gif


轻松管理「已导入」的 Symbol

你是 Symbol 管理者,需要经常上传 Symbol?只要在打开需要上传的 Symbol 文件,点击更新覆盖就可以。

你是 Symbol 使用者,需要向该 Symbol 的制作者反馈?只要在「已导入」点击反馈问题,就可以进行反馈哦。

112.gif



多类数据快速填充


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


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



智能排版提升排版效率


智能排版有「间距」和「边距」两大功能,「间距」设置两个或两个以上元素之间水平间距或竖直间距,「边距」设置元素与 shape 图形或 Image 图形的上下左右边距关系, shape 图形或 Image 图形会根据内部元素尺寸变化而变化。更多排版教程请戳:Kitchen 智能排版



接入海量 Iconfont 图标资源


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


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


提供 Ant Design 和 Material Design 两个精选色板,并且你可以新建自定义色板,管理属于你的色板库。使用上也很方便,选中图形或者文字,点击色板即可完成填色。



快速生成 Ant Design 组件


通过「组件生成器」,你可以在 Sketch 中配置出符合 Ant Design 规范的组件。目前支持表格生成,更多组件排期接入中。



兼容性


目前插件提供在 MacOS >= 10.13 和 Sketch >= 53 版本上使用,



详细安装

  1. 下载最新版本插件

  1. 解压并双击 kitchen.sketchplugin 安装

  1. 重启你的 Sketch

  1. 可以在顶部菜单栏 -> Plugins > 🍽 Kitchen 选择显示工具栏,或者在此切换功能


反馈

🚀 若帮助文档不能解决你的问题,可以直接到「 Kitchen 讨论区」创建主题进行反馈,我们会以最快的速度响应你。🚀


也可扫码加入钉钉服务群:


Q&A


1. 安装后有重复的插件

如果之前已经安装过 Kitchen 插件的话,请先将 Kitchen 插件卸载后再安装新的插件哦~

STEP 1: 点击 Plugins-- Manage Plugins

STEP 2:右键 Uninstall "Kitchen"取消安装




2. 上传的处理的逻辑如何?

同名的 Artboard 如果做了更新,那么上传的时候我们会进行覆盖处理,如果是新的 Artboard,那么会直接推送到语雀画板中。



3. 更新插件不生效

插件内部实现了热更新机制,如果失效,请 重启 Sketch.app




4. 使用过程中提示 Sketch.app 位置错误

请将 Sketch.app 移到 MacOS 系统指定的 /Users/${userName}/Applications 目录下!




5. 覆盖安装的操作

如果你当前版本是 beta5 以及之后的版本,可直接双击安装会自动覆盖,如果是之前的请参看下文:

  1. 删除当前的 Sketch 插件:打开 Sketch,选择最上方的 Plugins -> Manage plugins... -> 选中 Kitchen 邮件 Uninstall

  1. 双击新下载的 Kitchen.sketch:会提示安装成功

  1. 重启 Sketch:保证使用的是最新的插件




6. Beta 版升级最新正式版

如果你是内测用户,用过 beta 的用户,需要点击设置,然后升级为正式版哦,并重启 Sketch即可。





7. 出现 network error

可能是证书问题,麻烦到「语雀讨论区」创建主题进行反馈,我们会以最快的速度响应你。