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
Microsoft、NVIDIAのSoC搭載でAI特化のミニPC「Surface RTX Spark Dev Box」披露
-
2
Microsoft、AndroidベースのAIエージェント基盤「Solara」発表 Snapdragon搭載のバッジ型端末も披露
-
3
Microsoft、自律エージェント「Scout」発表 OpenClawベースでMCP対応
-
4
製造現場の「AIアレルギー」をどう払拭？ 日立・新卒デジタル人材「3カ月奮闘記」
-
5
生成AIを「悩み相談」に使う10代女性たち 阿部前監督事件を招いた「AI正論」の波紋
-
6
【Pythonで学ぶデータ分析】ベイズ統計の考え方をやさしく学ぶ ～ 初めてでも流れが分かる入門編
-
7
Microsoft、自社開発した7つのAIモデル発表 画像編集や音声認識も
-
8
AI需要で半導体不足は「しばらく続く」 PCメーカー、デルの対応策は？
-
9
トランプ米大統領、AI安全保障に関する大統領令に署名 最先端モデルを公開30日前に政府が検査可能に
-
10
「AIに任せ過ぎて本番データ消失」 活用率98％のGMOが導き出した、生成AIを使いこなせる人の5つの特徴
SpecialPR
ITmedia AI＋ SNS
@itm_aiplusをフォロー
インフォメーション
注目情報をチェック
ITmedia AI＋をフォロー
あなたにおすすめの記事PR