開発者のための効率的なUI検査ツール
VarUI Validatorは、フロントエンド開発者、QAエンジニア、デザイナーのために設計された強力なChromeアドオンです。この無料ツールを使用すると、ユーザーは任意のウェブページ要素の計算されたCSSスタイルを簡単に検査できます。DevToolsスタイルの要素ピッカーが搭載されており、要素を選択してフォント、サイズ、色、間隔、ボーダー半径などのCSSプロパティを表示できます。さらに、ユーザーは2つの要素のスタイルを並べて比較し、赤で不一致を強調表示し、緑で一致を示すことができるため、デザイン検証にとって貴重なリソースとなります。
このアドオンはFigmaとも統合されており、ユーザーはデザインリンクを貼り付けて、ライブ要素に対してデザイントークン値を比較できます。コンポーネントツリー全体を検査し、localhostや内部ステージングサイトを含む任意のURLで作業できる能力を持つVarUI Validatorは、開発者とデザイナーのワークフローを向上させます。このツールは使いやすく、サイドパネルで瞬時に結果を提供するシンプルなインターフェースを備えています。
