Token Export / Token导出工具
将figma规范中的样式导出为tailwindcss、windicss配置,目前已经满足基本使用,其他高频功能正在开发中,也欢迎大家一起贡献 figma插件地址
TODO
- 移动端rem支持
- screen支持
- IE10非变量支持
- tailwind配置适配
使用说明
项目内必须有token,否则配置无法被插件扫出,怎么创建Token
插件通过扫描项目内的library配置,获得颜色,字体等token,生成最后使用的config
颜色/字体/字号/阴影
这几种样式直接从token中拿
配置圆角
由于figma暂不支持将圆角加入token,插件是通过扫描获取,准确性不高,建议手动填写.
配置
间距配置
上图配置可以解释为,以4为基准,生成10个以4为备注的规范. 比如
| class | value |
|---|---|
| p-1 | 4px |
| p-2 | 8px |
| p-10 | 40px |
token命名
一般建议使用/来命名,也可以使用-来分割不同类型的token
更新日志
1.0.0
支持基本功能
QA
怎么创建token
