画像の生成

最終更新日 : 2026年3月11日

Figma ワークスペース内で直接、テキストプロンプトとスタイル参照を使用して画像を生成する方法について説明します。

Figma の Adobe GenStudio プラグインを使用してデザインテンプレート用の画像を生成することができます。この機能を使用してテキストの説明から画像を生成し、縦横比やスタイルなどの設定を調整して、カンバスに直接追加します。

開始する前に、以下があることを確認してください:

  • Figma デスクトップアプリケーションまたはブラウザー版 Figma
  • Figma にインストールされた Adobe GenStudio プラグイン
  • Firefly アクセス権があるアクティブなアドビアカウント

画像を生成して設定

プラグインパネルで、「画像を生成」オプションを選択します。

生成する画像について説明するテキストプロンプトを入力します。

モデルドロップダウンメニューからモデルを選択するか、作成したカスタムモデルを選択します。

コンピューターのスクリーンショット。AI 生成コンテンツは正しくない場合があります。
テキストの説明を入力して生成ボタンをアクティブ化します。

設定アイコン を選択して一般設定パネルを開き、生成オプションを調整します。

  • 縦横比:デザインのニーズに合った縦横比を選択します。
  • スタイル:「画像をアップロード」を選択してお使いのデバイスまたは AEM から参照を使用するか、「ギャラリーを参照」を選択して Adobe Stock 画像から選択します。次に、強度スライダーを使用して、Firefly がスタイル参照にどのくらい近く従うかを制御します。
コンピューターのスクリーンショット。AI 生成コンテンツは正しくない場合があります。
強度スライダーは、参照画像が追加された後にのみ表示されます。

戻るボタン を選択してメイン生成画面に戻ります。

生成アイコン を選択して画像を生成します。

生成された画像がプラグインパネルに表示されます。以下のいずれかの方法でカンバスに追加することができます:

  • 画像をカンバスに直接、ドラッグ&ドロップ
  • カンバス上のフレームを選択してから、プラグインウィンドウで画像を選択して挿入
  • アップロードアイコン を選択してカンバスに画像を配置
  • 3 点アイコン を選択してから、「すべてを Figma にダウンロード」を選択

画像を生成した後、3 点のアイコン を選択して次のオプションにアクセスすることで、追加アクションを実行できます。

  • さらに生成」を選択して、同じプロンプトを使用して追加のバリエーションを作成
  • プロンプトをコピー」を選択して説明テキストを再利用
ヒント :

生成された画像の編集アイコン を選択してから、「生成塗りつぶし」または「類似を生成」を選択して、各画像を微調整します。