• 强大的 Sketch 插件:Kitchen
  • 获取与安装
    • 授权语雀
  • 插件功能
    • 便捷上传设计稿
    • 打造团队专属 Symbol 库
    • 多类数据快速填充
    • 智能排版提升排版效率
    • 接入海量 Iconfont 图标资源
    • 提供精选色板 & 自定义色板
    • 快速生成 Ant Design 组件
  • 兼容性
  • 详细安装
  • 反馈
  • Q&A
    • 1. 安装后有重复的插件
    • 2. 上传的处理的逻辑如何?
    • 3. 更新插件不生效
    • 4. 使用过程中提示 Sketch.app 位置错误
    • 5. 覆盖安装的操作
    • 6. Beta 版升级最新正式版
    • 7. 出现 network error
  • 获得帮助

    强大的 Sketch 插件:Kitchen

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

    获取与安装

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

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

    强大的 Sketch 插件:Kitchen - 图1

    授权语雀

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

    强大的 Sketch 插件:Kitchen - 图2

    插件功能

    便捷上传设计稿

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

    强大的 Sketch 插件:Kitchen - 图3

    打造团队专属 Symbol 库

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

    强大的 Sketch 插件:Kitchen - 图4

    多类数据快速填充

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

    强大的 Sketch 插件:Kitchen - 图5

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

    强大的 Sketch 插件:Kitchen - 图6

    智能排版提升排版效率

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

    强大的 Sketch 插件:Kitchen - 图7

    强大的 Sketch 插件:Kitchen - 图8

    接入海量 Iconfont 图标资源

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

    强大的 Sketch 插件:Kitchen - 图9

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

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

    强大的 Sketch 插件:Kitchen - 图10

    快速生成 Ant Design 组件

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

    强大的 Sketch 插件:Kitchen - 图11

    兼容性

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

    详细安装

    • 下载最新版本插件

    • 解压并双击 kitchen.sketchplugin 安装

    • 重启你的 Sketch

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

    强大的 Sketch 插件:Kitchen - 图12

    反馈

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

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

    强大的 Sketch 插件:Kitchen - 图13

    Q&A

    1. 安装后有重复的插件

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

    STEP 1: 点击 Plugins— Manage Plugins

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

    强大的 Sketch 插件:Kitchen - 图14

    强大的 Sketch 插件:Kitchen - 图15

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

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

    3. 更新插件不生效

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

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

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

    5. 覆盖安装的操作

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

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

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

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

    6. Beta 版升级最新正式版

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

    强大的 Sketch 插件:Kitchen - 图16

    7. 出现 network error

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

    强大的 Sketch 插件:Kitchen - 图17

    获得帮助

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

    2、? 钉钉扫码加入 Kitchen 交流群:更多意想不到的新版体验和其他福利都在这里,还可以反馈问题和意见哦!

    3、❤️ 体验技术部招聘(期待你加入我们):https://www.yuque.com/yuque/jobs/ds49c5

    强大的 Sketch 插件:Kitchen - 图18