ボタンひとつでWEBページのスクリーンショットを撮影し、UI SCANにアップロードできます。UI SCANを使えばデザインとコーディングの差を簡単に発見でき、効率的に品質を向上させることができます。
開発中のWebページやアプリと、元のデザインとの違いを「自動で検出」
UI SCAN SS Uploaderは、開発中のモバイル向けWebページのスクリーンショットを撮影し、UI SCANに自動アップロードするためのツールです。
UI SCANとは、Figmaデータとスクリーンショットを比較し、差分を検出する自動デザインチェックツールです。
エクステンションを使えば、開発中のウェブページのスクリーンショットを、Figmaデータと同じ画角で自動撮影できます。
撮影されたスクリーンショットは、UI SCAN上のFigmaデータとマッチングされ、自動でスキャンされ、差分を表示します。
UI SCAN SS Uploaderを使用するための非常にシンプルな手順は次のとおりです。
1.ブラウザにエクステンション追加した後、ブラウザを再起動します。
2.UI SCAN Chrome エクステンションのアイコンをツールバーに固定します。
3.アイコンをクリックしてエクステンションを起動し、UI SCANのAPIキーを入力します
4.スクリーンショットをアップロードする「チーム」と「プロジェクト」を選択します
5.アイコンをクリックし、マッチング先のデザイン画面を選択したら「OK」ボタンを押します。
6.スクリーンショットの撮影とスキャンが直ちに実行されるので、結果をご確認ください。
2回目以降の使用では、アイコンをクリックするだけでスクリーンショットの撮影ができます。
UI SCAN SS Uploaderを利用するには、UI SCANの利用登録とAPIキーの発行が必要になります。
さらに詳しいエクステンションの使用方法について知るには、以下のガイドサイトをご覧ください。
https://help.ui-scan.com/ja/upload-screenshots/use-chrome-ext
★★★UI SCAN とは★★★
UI SCANは、これまでありそうでなかった「デザインファイル(Figmaデータ)」と「スクリーンショット」を独自エンジンが自動的に比較し、差分を検出するデザインチェックツールです。UI SCANを使えば、デザインチェックを今までよりもずっと楽に行えます。
UI SCANについて詳しく知るには製品ページをご覧ください。
https://ui-scan.com/
エクステンションに何か問題がある場合やフィードバックをお寄せいただきたい場合は、以下のフォームからお気軽にお問い合わせください。
https://ui-scan.com/ja-jp/inquiries-before-use