Export Design Tokens

About this plugin

Export Design Tokens

Figmaのローカル変数・スタイルを、W3C Design Tokens Draft準拠のJSONへ変換・エクスポートする実験的プラグインです。エクスポートしたDesign TokensはStyle Dictionaryなどで各プラットフォームへ展開できます。

注意: 本プラグインは https://www.designtokens.org/tr/drafts/ を元にした実験的実装です。

概要

1. Variable CollectionsをmodeごとにGroup トークンとして出力
2. Text Styles を Typography トークンとして出力
3. Paint Styles を Color/Gradient トークンとして出力
4. Effect Styles を Shadow トークンとして出力

注意点

1. Local VariablesのScope設定がトークン種別に影響します。特に数値系は注意してください。

詳細はこちらから確認してください。