文 / 郁结
在做“智能设计” DSM 平台,DSM 是定义 C 端的设计规范、设计审查、自动生成设计稿的平台。
第一步呢,就是从一份 sketch 文件中,提炼一些“规范库”(包括 颜色、字号、字重)的内容。
(智能设计 - 相关内容定义)
先介绍下 颜色、字体组件
颜色组件:就是可以复用的颜色,可以在“外观”里(参考位置下方截图的绿框)选择和新建
(如果找不到,可以选中一个颜色块,就会展示了)
字体组件:同上,也是可以复用的字体样式,在“外观”(下方绿色框)中选择和新建
(如果找不到,可以选中一个字体内容,就会展示了)
如何从 sketch 中获取呢?
解题思路:
- 看看可不可以用别人的轮子
- 查看官方文档
前人造轮子
我查了查轮子,没查到特别好用的(可能是我搜索🔍的姿势不对),下面是我搜的轮子~
大家如果查到好用的,也可以推荐给我~
imgcook 有没有相关的API
操作:人工询问&代码查看
结果:目前只针对了sketch画板做了一定的解析,没有针对颜色和字体的提取API。
sketch to html
介绍:从 sketch 转换成 html,已无更新。
地址:https://github.com/yu-tou/sketch-to-html
结果:没有找到针对颜色和字体的提取API,部分代码思路可以参考