1个不稳定版本
0.2.3 | 2022年11月5日 |
---|
#9 in #token-parser
16KB
302 行
Token解析器
消耗Figma Tokens JSON文件,并输出CSS。
例如,您可以将Figma Tokens Sync功能连接到GitHub仓库,然后让figma-token-parser
在GH操作中运行。然后,在每次更新时,您会得到更新后的CSS文件输出到特定位置。这将使您能够在Figma中更新样式,从UI推送更改,并将更新自动传播到您的现场网站/应用程序/ whatever。
该项目目前处于超级-WIP状态,可能不适合您。它仅保证与Figma Tokens Pro一起工作,并且如果您使用“多个文件”选项将令牌拆分为单独的json文件而不是一个巨大的json文件,则可能不会工作。
安装
yarn add -D figma-token-parser
## or
yarn global add figma-token-parser
您也可以通过Cargo安装此软件包
cargo install figma-token-parser
使用方法
# Below are the default values for the args,
# you can pass no args or use the dir and out args to suit your environment
figma-token-parser --dir ./tokens --out ./build
待办事项
- 如果Figma Tokens配置为导出一个大文件而不是拆分为文件和目录,则支持。
- 支持仅包含令牌集的用户。以下内容将有助于此,如果我们可以单独输出集合,则我们可以更改主题输出,以便默认情况下所有集合都获得自己的CSS文件,并且主题输出仅使用
@import
来包含相关集合,在:root
命名空间中。 - 设计一种方法以单独输出源集合和启用集合。我们还将跟踪已处理的源集合,以确保只处理一次(多个主题可能使用相同的源集合)。考虑一种索引文件,该文件使用
@import
在单个文件中包含每个主题的各个集合,并具有包含所有集合的选项,通过类名命名空间。 - 支持JSON导出。
如何部署
rust-to-npm build
rust-to-npm deploy
依赖关系
~4–5.5MB
~104K SLoC