<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1173893877247276&amp;ev=PageView&amp;noscript=1">

比較画面

デザインと実装の差が一目瞭然

横に並んだ画面で差分がわかりやすく表示されます

比較結果イメージ

フォント、マージン、大きさ、色など様々なUIの差分が、分かりやすく可視化されます

デザインと実装でどこが異なっているのか、UI SCANの比較画面を見れば瞬時に把握できます。該当箇所を修正作業とスキャンを交互に繰り返すことで、短時間でUIの品質を向上することができます。
scan-results01

UIの差分を確認しやすい便利ツール

UIの差分の種類は、テキストフォント、要素のマージン、サイズから色まで、多岐にわたります。具体的な違いを分かりやすく把握できるよう、各種ツールを取り揃えております。

デザインチェックを効率化する豊富なツール

色やサイズを確認したり、チームメンバーと会話ができたりなど、作業効率を向上させるツールを用意しております
scan-results03

コンポーネントの正しい値を把握

デザインファイルのコンポーネント情報やスタイルガイドは、インスペクトカラムから簡単に確認できます。正確な値を把握することで、フロントエンドの開発要件に迅速に対応できます。

変更された履歴を把握してレビューを効率化

デザインファイルとスクリーンショットは、更新するたびに履歴が残ります。最新版の把握に加え、過去に変更されたポイントを把握できるので便利です。
scan-results04

無料のβ版を提供中

導入方法などについて問い合わせる

お知らせ