デザイントークン生成
primary colorを含む小さなCSS custom property token blockを生成します。
使い方
- primary colorを入力して実行します。
主な機能と処理範囲
--color-primaryに入力または#176b5b、spacing/radiusは固定例を出します。
処理の仕組み
固定:root templateへcolorと0.5rem/1rem/0.75remを入れます。
例
#ff0000ならそのprimary tokenになります。
こんな場面で便利
- minimal design-token例作成に
利用前の確認
- color検証・palette・完全design systemは提供しません。
よくある質問
spacingも変更可能？
いいえ。固定例です。