style-dictionary と Figma api の連携テスト用リポジトリです。
ディレクトリ直下に.env
ファイルを作成し、下記のように設定してください。
FIGMA_TOKEN={{ your figma token }}
FIGMA_DESIGN_FILE_KEY={{ your figma file key }}
下記のコマンドを実行。
node figma.js
figma ファイルに定義されたカラーアセットがtokens/color/base.json
に反映されます。
npx style-dictionary build
build ファイルに CSS が反映されます。
- Figma ファイルを変更したら、publish をお忘れなく。