デザイン検査、エクスポート、ローカル参照管理のための浮動式Chromeパネル
浮遊するカスタマイズ可能なパネルが任意のウェブページに重なり、参照をキャプチャし、フォントを検査し、現代的な画像をエクスポートし、タブを切り替えることなくフォームを入力します。独立した開発者によるAyvuは、軽量のChrome拡張機能として動作し、迅速なデザインチェックのためのツールをグループ化します。主な要素には、参照マネージャー、フォントインスペクター、画像およびSVGエクスポーター、4px/8pxグリッドの定規が含まれています。これは、ページ内ユーティリティとプライバシー重視のツールを必要とするウェブデザイナーやフロントエンド開発者に適しています。
ライブページでパネルが実際に行うこと
この拡張機能は、サイトのタイトル、URL、およびスクリーンショットをReffリファレンスマネージャーを通じて保存するドラッグ可能なオーバーレイを公開し、フォントインスペクターでタイポグラフィを検査し、パネル、右クリックメニュー、またはAlt+Shift+Fから起動されるフォームフィラーを提供します。 これらのツールは、リファレンスとテスト入力を収集している間、アクティブなタブに留まります。画像エクスポーターとSVGクリーナーを使用して、別のアプリを開かずに最適化されたアセットを取得します。
- Reffによるリファレンスキャプチャ
- タイポグラフィ分析と代替案
- 複数のトリガーを持つフォームフィラー
作業中の動作と要求するもの
この拡張機能は軽量と説明され、完全にクライアント側で動作するため、ログインを必要とせず、使用データを送信せず、広告を表示しません。 プライバシーはローカルで処理されます。浮遊パネルはドラッグ、最小化、またはサイドバーにピン留めして視覚的干渉を減らすことができます。すべてがブラウザ内で実行されるため、ツールセットは外部サーバーを介さずに開発またはデザインセッションに直接統合されます。
アセット、モダンフォーマット、および測定の取り扱い
画像エクスポーターは、ページ画像をWebP、AVIF、JPEG XLなどのモダンフォーマットに変換し、SVGクリーナーはダウンロード前にメタデータとコメントを削除します。測定ツールには、4pxおよび8pxシステム用の定規とグリッドオーバーレイが含まれ、カーソルの下にあるパディング、マージン、および要素の寸法を報告します。 これらの機能は、フロントエンドテスト中に一般的に必要とされるフォーマット最適化と正確なレイアウトチェックに対応しています。
ツールが一致する環境とユーザー
この拡張機能はChromiumベースのブラウザをターゲットにしているため、Chromeや他のChromiumビルドで動作します。ローカルでアカウントを必要としないワークフローを好むUI/UX専門家やフロントエンド開発者に適しており、ブラウザ内でエクスポートおよび検査機能に迅速にアクセスする必要があります。このツールは、そうでなければいくつかの別々のユーティリティを必要とするステップを統合します。
プライバシーを重視するデザイナーに適したインタブ検査
Ayvuは、ブラウザ内で完全に動作し、ローカルデータ処理を優先する集中したデザインユーティリティのセットを提供します。これは、クラウドベースのツールを避けるデザイナーや開発者に適しています。そのニッチな焦点と限られた公開レビューの量は、新しい拡張機能をテストして適応する専門家にアピールしていることを示唆しており、広く検証されたエンタープライズツールを求めるチームには向いていません。
