デザイントークン
手作業なしで、ウェブサイトのスタイルを1つのデザインシステムに統合
メリット
複数ページの高速分析
サービスは数十ページを同時に処理し、すべてのCSS値を1つの構造に抽出。必要な変数を探すために画面を切り替える必要がなくなります。
サーバーアクセスなしの安全な解析
分析はクライアントサイドで行われるため、サイトのコードやデータベースにアクセスしません。公開されているCSSスタイルのみを使用。
ルーチン作業の自動化
色、フォント、インデントを手動でコピーするのをやめましょう。サービスが指定されたページを自動スキャンし、すべてのCSSトークンを1つのファイルに収集し、開発時間の何時間も節約します。
スケーラビリティとサポート
未使用の変数を追跡し、重複を特定し、プロジェクトの拡大に伴ってデザインシステムを最新の状態に保ちます。エンタープライズソリューションに適しています。
使い方
ツール
FAQ
サービスはCSSトークンを収集します：色、フォント、サイズ、インデント、影、ブレークポイント。すべての値は使用しやすいようにカテゴリ別に整理されます。
システムは自動的に重複を検出し、優先順位の選択を提供します：使用頻度、ソース（メインドメインを優先）、またはユーザー定義ルール。すべての競合は別レポートに表示されます。
ツールを使用して、現在のCSS値とターゲットシステムを比較し、競合を特定し、スタイルを段階的に移行できます。違いに関するレポートと適応のための推奨事項を受け取ります。
はい、セレクタを指定し、特定のクラスやドメインを除外し、スタイルソースの優先順位を設定できます。これはレガシーコードやサードパーティライブラリを扱う際に特に便利です。
はい、分析設定で使用頻度のしきい値を設定できます。例えば、サイトの3ページ以上に出現するCSSプロパティのみを含めるルールを設定できます。これにより、ランダムなスタイルやテスト用スタイルを除外し、真に体系的な値に焦点を当てられます。逆のルール（標準的なインデントやリンクの色など、頻繁に繰り返される基本スタイルを除外）を設定し、意味のあるコンポーネント変数のみを最終的なデザイントークンに残すこともできます。