TL;DR

AI Prototyperは、Figma上で動作するオープンソースプラグイン。ユーザーが自然言語で画面を記述すると、LLMが機能を分解し、32個のコンポーネントライブラリからRAGで該当部品を取得、自動レイアウトで編集可能なプロトタイプを生成する。人間が途中で機能リストを編集できる点と多言語対応が特徴。予備評価では手作業より生産性・品質ともに高い結果が出た。

解説

AMI HAPPY

ねえ智也くん、この論文のタイトル、すごく面白そう!「FigmaプラグインでGUIプロトタイプを自動生成」って、まさに私が今欲しいやつだよ。

TOMOYA NEUTRAL

うん、AI Prototyperっていうオープンソースのプラグインなんだ。ユーザーが自然言語で画面を記述すると、LLMが機能を分解して、32個のコンポーネントライブラリからRAGで該当部品を取得して自動レイアウトしてくれる。

AMI SURPRISED

へえ、RAGってあの検索拡張生成?それを使ってるんだ。でも、なんでわざわざ分解する必要があるの?

TOMOYA NEUTRAL

直接プロトタイプを生成するより、一度機能リストに分解してから部品を組み合わせた方が、精度が上がるんだ。しかも人間が途中で機能リストを編集できるから、意図とずれたら修正できる。

AMI HAPPY

なるほど!それってすごく実用的だね。多言語対応って書いてあるけど、日本語でも使えるの?

TOMOYA NEUTRAL

うん、日本語含めて複数言語に対応してる。予備評価では、手作業で作るより生産性も品質も高い結果が出てるんだ。

AMI SURPRISED

え、本当?じゃあもうデザイナーいらなくなるんじゃない?

TOMOYA NEUTRAL

いや、まだ限界もあるよ。例えば複雑なインタラクションやアニメーションは生成できないし、生成されたプロトタイプはあくまで静的なGUI。あと、評価が予備段階で被験者数も少ないから、一般化はまだ難しい。

AMI HAPPY

そっかあ。でも、アイデア出しの初期段階で使うにはすごく良さそう!私も試してみたいな。でも、Figmaのプラグインってインストールするの面倒じゃない?

TOMOYA NEUTRAL

コミュニティプラグインとして公開されてるから、数クリックで入れられるよ。ただ、LLMのAPIキーは自分で用意しないといけないけど。

AMI HAPPY

あ、そうなんだ。じゃあお金かかるじゃん…。でも、その分ちゃんと動くなら価値あるかもね。ところで、この論文って著者らは「分解型RAGパイプライン」って呼んでるけど、要はレゴみたいなもんでしょ?

TOMOYA NEUTRAL

…まあ、言えてる。