从 sketch 中获取颜色、字体组件内容

文 /  郁结

在做“智能设计” DSM 平台，DSM 是定义 C 端的设计规范、设计审查、自动生成设计稿的平台。

第一步呢，就是从一份 sketch 文件中，提炼一些“规范库”（包括 颜色、字号、字重）的内容。

      （智能设计 - 相关内容定义）

先介绍下 颜色、字体组件

颜色组件：就是可以复用的颜色，可以在“外观”里（参考位置下方截图的绿框）选择和新建

（如果找不到，可以选中一个颜色块，就会展示了）

字体组件：同上，也是可以复用的字体样式，在“外观”(下方绿色框)中选择和新建

（如果找不到，可以选中一个字体内容，就会展示了）

如何从 sketch 中获取呢？

解题思路：

• 看看可不可以用别人的轮子
• 查看官方文档

前人造轮子

我查了查轮子，没查到特别好用的（可能是我搜索🔍的姿势不对），下面是我搜的轮子~

大家如果查到好用的，也可以推荐给我~

imgcook 有没有相关的API

操作：人工询问&代码查看

结果：目前只针对了sketch画板做了一定的解析，没有针对颜色和字体的提取API。

sketch to html

介绍：从 sketch 转换成 html，已无更新。

地址：https://github.com/yu-tou/sketch-to-html

结果：没有找到针对颜色和字体的提取API，部分代码思路可以参考