【Figma Make】みんなを笑顔にするドラムロールアプリに必要な機能の検証（生成AI,UIデザイン,プロトタイピング）

DRANK

先日、Figma Makeを使ってドラムロールアプリを開発したときの経験をしました。この記事では、生成AI時代のプロトタイピングがどれだけユーザー体験を良くするか、その経験を通じて得た知見をもとにしていきます。💡Figma Makeやプロトタイピングに初めて触れる方が、「この手法は参考になりそうだ！」と感じてくれると嬉しいです。!Figma Makeとは？Figma Makeは、「Make your ideas real with AI」を掲げるデザインツールです。AIを使って、デザインのアイデアをすぐに動くプロトタイプにできます。 Makeの主な特徴主な特徴は以下の通りです。チャット形式でAIに要望や修正指示を伝えると、即座にデザイン案やレイアウトを自動生成・反映テキストによる細かな修正や追加指示も柔軟に対応ノーコード・ローコードで直感的にUIデザインを作成できる生成したデザインはそのままWebで公開・共有可能このツールは2つの主要なエリアで構成されています。AIに指示を出せるチャットエリアと実際に動くアプリを確認したりコードを編集したりできるプレビューエリアです。まず、会話形式でアプリの仕様を決めます。表示されたUIを操作し仕様を検討し、AIとの対話を繰り返す中で仕様…