トークンのデザインガイド
CSS カスタム プロパティ、Tailwind 構成、JSON デザイン システム、クロスプラットフォーム アプリのカラー トークンをエクスポートします。
デザイントークンとは何ですか?
デザイン トークンは、デザインとコードの同期を保つ名前付きの値 (例: color.primary.500) です。これらは、コードベース全体に散在するハードコーディングされた HEX 値を削減します。
エクスポート形式
CSS 変数は Web 上のどこでも機能します。 Tailwind スケールは、トークンをユーティリティ クラスにマップします。 JSON エクスポートは、Figma プラグイン、モバイル テーマ、ドキュメント サイトにフィードします。