ページからスタイルを収集
URLを指定します。Miltenはページ上で利用可能なCSSソースを解析し、頻度で比較できる値を抽出します:色、font-family、font-size、サイズ、スペーシング、角丸、シャドウ、カスタムプロパティ。
読み込み
MiltenはCSSで繰り返されるデザイン値の頻度サマリーを作成します:色、フォント、サイズ、スペーシング、角丸、シャドウ、カスタムプロパティ。
URLを指定します。Miltenはページ上で利用可能なCSSソースを解析し、頻度で比較できる値を抽出します:色、font-family、font-size、サイズ、スペーシング、角丸、シャドウ、カスタムプロパティ。
スキャナーは色の値とその使用回数を表示するので、システムカラーと偶発的なローカルシェードを区別できます。
レポートには検出されたfont-familyの値、その出現頻度、繰り返されるfont-sizeの値が含まれます。
どの値がレポートに含まれるか、頻度サマリーの読み方についての短い回答。
レポートは同一の色、フォント、サイズ、スペーシング、border-radius、box-shadow、CSS変数がどのくらいの頻度で現れるかを数えます。値が繰り返されるほど、システムトークンらしく見えます。
サマリーは、値が一貫して繰り返される場所と、インターフェースに色、サイズ、フォント、シャドウの広いばらつきが蓄積された場所をすばやく把握するのに役立ちます。
このレポートはデザイナーの判断を置き換えるものではありませんが、実践的な順序を示します。頻繁に繰り返される値から始め、まれな値や空のグループは後回しにしてください。
サマリーは頻繁に使われるサイズと余白の値を強調します。ここでのばらつきが大きい場合は、通常グリッドの一貫性が弱いことを示します。
個別のグループは、繰り返されるborder-radiusとbox-shadowの値を示します。1つの値が他よりも頻繁に出現するケースも含まれます。
スキャナーはCSSカスタムプロパティとその使用回数を表示するので、どの変数がすでにトークンのように機能しているかを確認できます。