AIチャットでデザイン“瞬組み” 各社のデザインシステムに準拠 電通デジタル「HOZO」
電通デジタルは6月3日、AIと自然言語で対話しながら、企業ごとのデザインシステムに準拠したWebサイトのUIを設計・実装する新手法「HOZO」（ホゾ）を開発し、同日から運用を始めたと発表した。
汎用的なAIツールでは難しかったデザインシステムへの厳密な準拠が可能で、ページごとのUIのばらつきを解消できるという。
既存のWebサイトのURLやクラウドデザインツール上のデータから、ナビゲーションやカード、テーブルなど数十種類のUIパターンを自動で抽出・分類。色や書体、余白といったデザイントークンも体系化し、企業固有のルールに沿ったUIコンポーネントをAIで生成する。
生成したUIは、HTMLやReactなどのコード形式に加え、クラウドデザインツール上で編集可能な形式でも出力。デザイナーはクラウドデザインツール上で、エンジニアはコード上で、品質レビューでき、コードとクラウドデザインツールの双方向変換にも対応する。
既存ページのコンテンツを維持したままデザインシステムだけを置き換えられる他、デザインシステムのパーツを変更すれば、過去に生成したUIにも自動で反映でき、継続的な運用・改善にも活用できる。
大規模なWebサイトを運営する企業では、複数の部門や制作会社が関与することでUIにばらつきが蓄積したり、デザインシステムを策定していても全ページへの反映には膨大な工数が必要だった。HOZOを使えばこうした課題を解消できるとしている。
今後、新規ページの企画・設計やAIによるUI評価・改善提案など、Web制作プロセス全体への適用拡大を目指す。
Copyright © ITmedia, Inc. All Rights Reserved.
この記事の著者
関連記事
こんなメディアも見られています
ITmedia AI＋に関連する情報をお探しであれば、こちらのメディアもお役に立てるかもしれません。
SpecialPR
よく見られているカテゴリー
アクセスランキング
-
1
Markdownファイルが、AI時代の負債に？ Googleが提案する「ナレッジ標準化」の一手
-
2
NVIDIAフアンCEOが語る“日本復活”のシナリオ 10年続く半導体バブルと「原発活用」の勝算
-
3
画面操作を録画→AIが作業代行 Claude新機能「Record a skill」 Codex対抗か
-
4
Macアプリ版「Claude Code」がiOSシミュレータと連携 「Computer Use」なしでアプリ操作
-
5
「AI使うなら値引きできる？」の“暴論”に、日立はどう立ち向かう？ レガシー刷新でのAI活用の現在地
-
6
三菱電機とソニー、AIビジョンセンサーで新会社設立へ
-
7
無料で身に付くデータサイエンス 延べ23万人が受講、総務省が募集開始
-
8
AI時代、開発チームの人材は“5つの型”に分かれる Claude Code開発責任者の見立て
-
9
ゼロから分かる「Claude」の教科書 ChatGPTと比べて分かった強みとは？
-
10
GoogleがAIアプリ「Dreambeans」を発表 「画面を延々とスクロール」の脱却で何を目指すのか
SpecialPR
ITmedia AI＋ SNS
@itm_aiplusをフォロー
インフォメーション
注目情報をチェック
ITmedia AI＋をフォロー
あなたにおすすめの記事PR