#token-parser #figma #css #json #outputs #build #directory

app figma-tokens-parser

接收Figma Tokens JSON并输出CSS

1个不稳定版本

0.2.3 2022年11月5日

#9 in #token-parser

MIT 许可证

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