おたくま経済新聞

新しいAI機能により、デザイナーは実際のコーディング済みコンポーネントを用いてUIを作成し、改善を重ねることが可能に

製品チーム向け主要デザインプラットフォームであるUXPinは本日、UXPinMergeテクノロジーを基盤としたAI搭載デザインアシスタント「Forge」のリリースを発表しました。静的なモックアップを生成する従来のAIデザインツールとは異なり、Forgeは本番用Reactコンポーネントを直接操作するため、デザイナーは本番用コードとしてエクスポート可能なUIを作成することができます。
課題：製品ではなくピクセルを生成するAI
現在のAIデザインツールは、UIのように見える形状や色といったインターフェースの視覚的表現を作成しますが、エンジニアはそれを一から再構築する必要があります。これにより、長年の課題であるデザインから開発への引き継ぎの問題は解決されるどころか、永続化しています。「ほとんどのAIデザインツールはデモでは印象的ですが、下流の作業量を増やしています」と、UXPinのCEO、アンドルー・マーティン氏は述べています。「エンジニアは、AIが生成したモックアップを実装コードへ落とし込む必要があります。Forgeは、その工程自体を不要にするために開発されました。」
Forgeの仕組み
Forgeは、制作用のReactコンポーネントライブラリをデザイン環境に直接同期するUXPinMerge を基盤としています。デザイナーはForgeを使用すると、コードベースにある実際のコンポーネント（実際のプロパティ、状態、バリエーションを含む）を使って作業することができます。
主な機能は以下の通りです：
- 自然言語によるUI作成：構築したい内容を記述するだけで、コンポーネントライブラリを用いてForgeが生成
- 反復編集：プロンプト間で会話の文脈を維持し、最初からやり直しが不要
- 実際のコンポーネント出力：近似値ではなく、すべての要素が本番用コンポーネント
- コードエクスポート：既存コンポーネントを用いた本番対応Reactコードとしてデザインをエクスポート
- シームレスな手動制御：AI支援編集と手動編集をいつでも切り替え可能


[画像: https://prtimes.jp/api/file.php?c_id=81189&t=animationGifImage&f=599446eab1ba5098ea01bce0d042eb0a.gif ]


技術設計チーム向けに設計
Forgeは、コーディングされたデザインシステムを扱う設計エンジニア、テクニカルデザイナー、プロダクトチームのために特別に開発されました。実際のコンポーネントを使用することで、チームは設計したものが再構築不要でそのままリリースされることを保証します。
「デザインは職人技です。AIはそれを置き換えるのではなく、加速させるものです」とTrederは述べています。「Forgeはデザイナーにより優れた作業環境を提供しつつ、作業の完全な制御権を保持させます」
提供状況
Forgeは、Merge AI、Core、Growth、Enterpriseプランのいずれかをご契約中のUXPinアカウントで利用可能です。
詳細情報または無料トライアルの開始はこちら：https://www.uxpin.com/jp/
UXPinについて
UXPinはデザインと開発のギャップを埋めるデザインプラットフォームです。UXPin Mergeにより、プロダクトチームはエンジニアが本番環境で使用するのと同じコンポーネントでデザインでき、引き継ぎの摩擦を解消し市場投入までの時間を短縮します。UXPinは世界中の企業やスタートアップのデザインチームにサービスを提供しています。