UIのデザインチェック作業を大幅に削減! AI搭載のデザインチェックツール『UI SCAN』、無料β版サービスを開始
[24/06/28]
提供元:PRTIMES
提供元:PRTIMES
株式会社BLUEは、UIのデザインチェックを効率化し「品質の向上」と「作業コスト削減」を同時に実現するサービス『UI SCAN』の無料β版サービスを開始したことをお知らせします。UI SCANは高品質なUIの実装を誰もが可能にするツールです。従来の確認作業のコストを大幅に削減し、エンジニア、デザイナー、ディレクターなどが抱えていたストレスも軽減します。
[画像1: https://prcdn.freetls.fastly.net/release_image/140874/5/140874-5-2b9f1f5a9328a6192584f37680adbd8b-1920x1080.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
2024年5月9日に無料β版サービスの受付を開始しました。おかげさまで、大手通信会社、大手Eコマース事業者、大手事業会社、デザイン制作会社・システム開発会社などから多くのお申し込みをいただいております。
申し込みをいただいた企業さまからは、
- デザインチェック業務が楽になりそう
- 委託先あるいは自社のエンジニアがセルフチェックをしてくれそう
- UIの品質が上がりそう
- プロジェクトの時間が節約できそう
といった期待の声をいただいています。
このような高い反響を受け、当初予定していた招待コード方式のβ版サービスを変更し、どなたでもすぐにご利用いただける形でのβ版サービスとして提供することにいたしました。
これからも皆さまのご期待に応えるべく、さらなる機能の向上とサービスの充実を図ってまいります。
「UI SCAN」の主な機能
UI SCANは、これまでありそうでなかった「デザインファイル(Figma)」と「実装された画面のスクリーンショット」を独自エンジンが自動的に比較し、差分を検出するデザインチェックツールです。
1.データのインポート
デザインデータとスクリーンショットは、専用のツールを使用して簡単にインポートできます。
[画像2: https://prtimes.jp/api/file.php?c_id=140874&t=animationGifImage&f=c33ef3a4fa8796e0c2344751685f8e0b.gif ]
[画像3: https://prcdn.freetls.fastly.net/release_image/140874/5/140874-5-ee7e06b12421124a5b39a077b1374750-1920x522.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
- Figma向けに専用プラグインを提供しており、Figmaからボタンひとつでデザインデータを簡単に取り込めます。
- UI SCAN専用のChromeエクステンションを利用すれば、簡単な操作で開発中のWebサイトのスクリーンショットを取得し、UI SCANにアップロード可能です。
- アプリのスクリーンショットを取得したい場合は、専用SDKを組み込むことで、アプリの各画面のスクリーンショットを簡単にアップロードできます。
2.デザインチェックを効率化する豊富なツール
[画像4: https://prcdn.freetls.fastly.net/release_image/140874/5/140874-5-2f5c6f3f59565cd84403ddb4f5662361-1504x1220.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
UI SCANでは、デザインチェックを効率的に行える豊富なツールを用意しています。
- 色の抽出が簡単な「スポイト機能」
- 要素同士の距離を測れる「測定機能」
チームメンバーと画面を見比べながらコメントのやり取りをできる「コメント機能」
- 細かな部分をズームして確認できる「拡大鏡機能」
など
3.独自AIによるスキャン機能(β版)
[画像5: https://prtimes.jp/api/file.php?c_id=140874&t=animationGifImage&f=49b019f6487f0db440459481cf9a1a9d.gif ]
AIを搭載した独自の特許技術(第7386560号)を活用したスキャン機能は、フォント、マージン、大きさ、色などの様々なUIの差分を自動的に検出し、画面上に自動的に可視化します。デザインと実装でどこが異なっているのか、UI SCANの比較画面を見ればすぐに分かります。
UI SCANを導入することで、開発プロセス全体の生産性が飛躍的に向上します。UI SCANは、誰もが高品質なUIを実現できるよう支援する強力なツールです。
スキャン機能を活用することで、最大で80%程度のデザインチェック工数を削減できます。*
* 当社でエンジニア、デザイナー、ディレクターが通常通りUIテストをした場合との比較
[動画: https://www.youtube.com/watch?v=ZhJEbAOr2Hw ]
無料β版サービスの登録方法
[画像6: https://prcdn.freetls.fastly.net/release_image/140874/5/140874-5-83469428b053235952708fbf1498c493-1976x1177.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
UI SCANの無料β版サービスは、UI SCANのWebサイトよりログイン後、ご使用いただけます(初回はGoogleアカウントあるいはメールアドレスでの登録をお願いします)。
Webサイト: https://ui-scan.com/
β版サービスは、一定期間無料でご利用いただけます。
* 無料でのサービス提供期間については、Webサイトなどで後日お知らせいたします
* 自動的に有償プランに切り替わることはありません
株式会社BLUEについて
株式会社BLUEは、「世の中のすべてのサービスをより美しく、より使いやすいものに」を掲げ、世界中の人たちから必要とされるUI/UXソリューションの提供を目指す企業です。BLUEは約20年にわたってUI/UX・開発に取り組んできたクリエイティブ・スタジオである『エクストーン』と、AIなどさまざまな最新技術を顧客価値に転換するスペシャリスト集団「KICONIA WORKS」が共同で設立した事業会社です。UIテストを自動化し「品質の向上」と「作業コスト削減」を同時に実現するサービス『UI SCAN』を開発・運営を行っています。
株式会社BLUEの会社概要
[表: https://prtimes.jp/data/corp/140874/table/5_1_37fb36b0f876f322e08d4a6e4bfe4e9c.jpg ]
【本件に関するお問合せ先】
株式会社BLUE 広報担当:松本
電話 :03-6161-2727
メール:contact@blue-ux.com