@1x运营 Banner 20190905.jpg

Hi 各位设计师,你们是否遇到过这样的问题?

  • 不满意当前的很多图表模板,但是徒手画图表耗时过长
  • 业务方没有给具体数据,但是需要放一张“好看的”图表 [围笑.jpg]
  • 设计稿里的图表带入真实数据和开发时堪比“卖家秀”和“买家秀”…

历经几个月的调研和打磨,专为设计师提效打造的Sketch插件 Kitchen 上线了“图表生成”全新版本,旨在帮助广大设计师们更快更直观地制作图表。让我们看看都有哪些新功能吧!

✨New Features

  • 更快 –– 10 秒生成一张图表
  • 更直观 –– “以形改图”,拖拽修改外观
  • 更强大 –– 完善的图表配置和数据能力
  • 对数据小白友好 –– 任何水平的制作者都能轻松作出优雅图表

只需 10 秒,两步生成一张图表。可能是Sketch 里最好用的作图利器!

Step 1️⃣ 快速选择一个想要的图表

打开【图表生成】,在导航页选中一个图表类型。
快速选择图表.gif

Step 2️⃣ 多种方式配置图表

进入图表编辑页,通过“🔨灵活配置”,“⭐️以形改图” 或“🔢数据填充”,多种交互方式都能快速配置图表。

🔨 灵活配置

通过右侧的常用配置项,快速操作更改基本信息,调整数据形状。

  • 修改分组数量和柱子数目,快速配置簇状柱形图。

    灵活配置-簇状柱形图.gif

  • 修改折线数量和类别数目,快速配置多条折线图。

灵活配置-折线图.gif

  • 修改扇形数量和弧度大小,快速配置环图。

灵活配置-环图.gif

⭐️ 以形改图

Kitchen 独创的交互方式,点击画布区域中的图形,拖拽锚点直接改变图表形状。

  • 点击柱子锚点,修改柱子大小。画布区域直接拖拽形状

Sep-04-2019 11-27-36.gif

  • 点击折线锚点,修改折线图的走势高低。

2019-09-04 16-12-15.2019-09-04 16_15_45.gif

  • 点击扇形锚点,修改环图比例。

以形改形-环图.gif

🔢 数据填充

强大的数据表格功能,支持增删改行列值;新增行列时一键填充模拟数据,无须担心格式问题。

Sep-04-2019 11-41-10.gif

更多功能

【高级配置】自定义颜色样式,【历史记录】直达之前图表文件,更多功能等待你的探索和反馈!

后续计划

依托于底层的 AntV 图表框架,采用 AntV 全新可视化专属色板,保证图表高质量的美观与辨识度。后续将上线更多 图表类型,支持上传真实数据与一键开源代码导出,帮助实现设计工程极致提效!

【帮助文档 Kitchen 语雀
【如何下载 Kitchen 官网
【欢迎吐槽 Kitchen 讨论区