AIにUIレイアウトを正確に伝える方法——テキストベースのモックという選択肢

はじめに AIにコードを生成させる開発スタイルが一般的になりつつありますが、UIレイアウトの指示精度は依然として課題です。 「ヘッダーの下に検索バー、その下にカード型リスト」——こういった指示を自然言語で伝えても、AIが出力するレイアウトは意図と微妙にずれます。修正を重ねるほどコンテキストが膨張し、別の箇所が壊れる悪循環に陥ることも少なくありません。 本記事では、この問題に対してテキスト（座標データ）ベースでレイアウトを定義し、AIと往復するワークフローを紹介します。 問題：自然言語によるUI指示の限界 以下は、実際にAIにすごろくアプリのUI配置を依頼した際に発生したずれの例で...