アイスリーデザイン、特徴量エンジニアリングを使って生成AIによるUIデザインと画面レイアウトのアウトプットをコントロールする技術を開発

株式会社アイスリーデザインは、社内R&Dの一環として生成AIを使ったUIデザインの可能性について取り組み、特徴量エンジニアリングを使うことによって、画面レイアウトならびに色調をインタラクティブに生成することに成功した。

■概要

生成AIによるUIデザインは多くの企業が取り組んでいるが、最大の問題となるのが、限られたデータセットで期待するアウトプットができないという問題だった。これを特徴量エンジニアリングを使い解決する。

また生成された画面デザインは、細かい部分を独自に編集を可能にするために、デザインToolのFigmaに、そのままエクスポートすることができて簡単に編集することが可能だ。
出典元:プレスリリース

■開発した画面生成AI技術の特徴

制御された学習プロセス
一般的なLLM(大規模言語モデル)ベースのAIと比較して、より高度なモデルの学習過程と出力に対する制御を実現している。強化された制御により、AIハルシネーション(AIの誤った生成)の可能性を低減し、より正確で信頼性の高い結果を提供できる。
満足度の高いAIユーザビリティ
生成プロセス中にAIが提案する次の要素をリアルタイムで調整する機能により、ユーザビリティが大幅に向上している。特定の要素の再生成を指示することで、クライアントのニーズに合わせて出力をカスタマイズできる。
関連性ブースター
関連性ブースターと呼ばれる独自のAI機能により、ユーザーとの対話を通じてより迅速で関連性の高い提案が可能である。
インタラクティブな提案モード
AIモデルに搭載されている「提案モード」は、デザインプロセス中にリアルタイムで複数の関連デザイン要素やアイデアを提示する。AIとインタラクティブな対話を通じることで、デザインプロセスがより効率的になり、ユーザー体験が向上する。
柔軟なエクスポートオプション
構造化されたAI出力により、FigmaやWebflowなどの一般的なデザインツール、さらにはReactやFlutter codeなどのコードフレームワークへのエクスポートが簡単に行える。これにより、デザインからプロトタイプ、実装までのワークフローがシームレスになる。
高いパフォーマンス
このAIモデルは一般的なLLM(大規模言語モデル)と比較して、高いパフォーマンスを発揮しつつ、必要なリソースを大幅に削減している。
※記載されている会社名、製品・サービス名は、各社の登録商標または商標である

■実際の画面生成の説明動画

■今後の展開の可能性

画面生成の説明動画は、今回、LINE WORKSが開発した技術のショーケース的な位置付けである。今後はこの技術を応用することでランディングページ、不動産物件ページ、製造業等の商品点数の多いサイトの商品説明ページ、パンフレット作成、オフィスレイアウトと、レイアウト案からコンテンツ案の組み合わせが必要とされるエリアでの展開が可能と考えている。

■サービス説明ページ

カテゴリ

Special Features

連載特集
See More