FigmaでAIでページデザインができるようになったという話を聞きました。作成方法を知りたいです。
Figma Makeでページを作成する手順を紹介します。
Figmaにアクセスします。次の画面が表示されます。
画面右上の[Make]ボタンをクリックします。
[Make]ボタンをクリックすると下図のページに切り替わります。
デザイン生成に利用するモデルの変更はプロンプト入力テキストボックスの右下にある、ドロップダウンリストボックスをクリックします。
ドロップダウンリストボックスをクリックすると、利用できるモデルの一覧がドロップダウンリストが表示されます。
作成したい画面のデザインをテキストボックスに入力します。
今回は以下のプロンプトと画面のデザインイメージを入力しました。
[↑]ボタンをクリックして実行します。
ページの生成処理が始まります。
ページの生成が完了すると、以下の画面になりました。
ページはレスポンシブ対応で、幅が広くなると広告枠も表示されます。
Figma Makeでページを作成できました。
