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
“緊急メンテの夜”までの一部始終は？ 8月にAIで「PHPの重大な脆弱性」発見→OpenAIが即応チームを招集
-
2
AIに200万円渡してネットショップを1年運営させてみた──Alibabaの研究者らがシミュレーション 資産14倍の例も
-
3
なぜルネサスは、TSMCに勝てなかったのか “電子立国ニッポン”当時を知る日立のキーマンが語る
-
4
相手のAI訴訟で弁護士費用が10倍に？ 米国で急増する「本人訴訟」の恐ろしい実態
-
5
1バイト違えば不合格のCOBOL移行、OpenAI新モデルの正解率は？
-
6
三菱電機、ヒューマノイドと工作機械が連携して加工 JIMTOF2026でデモ
-
7
クレーム対応ばかりでオペレーターが辞めていく 「カスハラ義務化」時代にAIはどう現場を守る？
-
8
AIカメラで「最後の砦は人」を脱却、レンゴーとキリンビールの工場安全DX
-
9
日立がGPU冷却用コールドプレート開発、独自のU字構造で消費電力を約30％削減
-
10
なぜ上場を捨ててまでAIに賭けたのか？ カオナビが非公開化して進める「脱・勘と経験の人事」
SpecialPR
ITmedia AI＋ SNS
@itm_aiplusをフォロー
インフォメーション
注目情報をチェック
ITmedia AI＋をフォロー
あなたにおすすめの記事PR