OpenAI GPTと画像生成を使用してフード絵文字アイコンを作成

中級

これはContent Creation, Multimodal AI分野の自動化ワークフローで、9個のノードを含みます。主にSet, FormTrigger, GoogleDrive, OpenAiなどのノードを使用。 OpenAI GPT と画像生成を使って、フード絵文字アイコンを作成する

前提条件
  • Google Drive API認証情報
  • OpenAI API Key
ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
  "meta": {
    "instanceId": "a09b543763e855b68b4ed52d00ba35f11887d45eaf642b193f6d127dc1c99de2",
    "templateCredsSetupCompleted": true
  },
  "nodes": [
    {
      "id": "1dbacde4-6cb5-46c1-8542-57803ecce72d",
      "name": "トリガー: フード絵文字フォーム送信",
      "type": "n8n-nodes-base.formTrigger",
      "position": [
        -180,
        -400
      ],
      "webhookId": "b831ae2a-64bc-4444-8034-1974477655fd",
      "parameters": {
        "options": {},
        "formTitle": "Submit a food item",
        "formFields": {
          "values": [
            {
              "fieldLabel": "What food emoji would you like to generate?",
              "placeholder": "a green apple",
              "requiredField": true
            }
          ]
        },
        "formDescription": "Enter a food name (e.g. avocado, donut) to generate a 400×400-pixel 3D emoji 🥑"
      },
      "typeVersion": 2.2
    },
    {
      "id": "586fb2f5-0190-4118-a0d5-1aff2ad54eab",
      "name": "スタイル‐JSONプロンプトの準備",
      "type": "n8n-nodes-base.set",
      "position": [
        60,
        -400
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "b6d8f708-9e12-4002-8800-0c32b7fe27ee",
              "name": "=json_generator",
              "type": "string",
              "value": "=Given the food item: \"{{ $json['What food emoji would you like to generate?'] }}\", generate a JSON object describing how it should be styled as a 3D-rendered emoji-style icon suitable for use in a digital food icon set. The style should be modern, playful, and semi-realistic, with a transparent background and a 400x400 pixel size.\n\nThe JSON should include these sections:\n\n- form (shape, outline, detail)\n\n- lighting (gloss, shadow, detail)\n\n- texture (surface, detail)\n\n- background (type, detail)\n\n- color_handling (strategy, look, detail)\n\n- color_palette (detail)\n\nAdapt each parameter thoughtfully based on the physical properties and personality of the given food item."
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "b1baad14-1ac6-42ca-9c4c-90aec4e3581d",
      "name": "LLM: スタイル‐JSONの生成",
      "type": "@n8n/n8n-nodes-langchain.openAi",
      "position": [
        260,
        -400
      ],
      "parameters": {
        "modelId": {
          "__rl": true,
          "mode": "list",
          "value": "gpt-4.1-mini",
          "cachedResultName": "GPT-4.1-MINI"
        },
        "options": {},
        "messages": {
          "values": [
            {
              "content": "={{ $json.json_generator }}"
            }
          ]
        },
        "jsonOutput": true
      },
      "credentials": {
        "openAiApi": {
          "id": "wOiJt6W2EFdWAN1S",
          "name": "OpenAi account"
        }
      },
      "typeVersion": 1.8
    },
    {
      "id": "b120e2ce-b91b-4b8b-a869-e3fc7c5dcf11",
      "name": "Image-Gen: フード絵文字アイコンのレンダリング",
      "type": "@n8n/n8n-nodes-langchain.openAi",
      "position": [
        600,
        -400
      ],
      "parameters": {
        "model": "gpt-image-1",
        "prompt": "=Generate a 3D-rendered emoji-style digital icon of a {{ $('Trigger: Food Emoji Form Submission').item.json['What food emoji would you like to generate?'] }}, designed with the following visual specifications:\n{{ $json.message.content.toJsonString() }}\n\nRender the icon centered in a 400x400 pixel square, isolated on a transparent background, with no props or text. The result should look like a high-quality digital food emoji: slightly exaggerated, clean, friendly, and polished — consistent with a modern mobile icon set.\n",
        "options": {},
        "resource": "image"
      },
      "credentials": {
        "openAiApi": {
          "id": "wOiJt6W2EFdWAN1S",
          "name": "OpenAi account"
        }
      },
      "typeVersion": 1.8
    },
    {
      "id": "0b04e850-a174-46f6-b9df-28a81eae24cb",
      "name": "Googleドライブに保存",
      "type": "n8n-nodes-base.googleDrive",
      "position": [
        820,
        -400
      ],
      "parameters": {
        "name": "={{ $('Trigger: Food Emoji Form Submission').item.json['What food emoji would you like to generate?'] }}",
        "driveId": {
          "__rl": true,
          "mode": "list",
          "value": "My Drive"
        },
        "options": {},
        "folderId": {
          "__rl": true,
          "mode": "list",
          "value": "root",
          "cachedResultName": "/ (Root folder)"
        },
        "inputDataFieldName": "=data"
      },
      "credentials": {
        "googleDriveOAuth2Api": {
          "id": "sZRn5ArVlryJuorg",
          "name": "Google Drive account"
        }
      },
      "typeVersion": 3
    },
    {
      "id": "420a9a11-a714-4489-bb9d-4c8398244a83",
      "name": "付箋",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -260,
        -520
      ],
      "parameters": {
        "height": 340,
        "content": "## | INPUT: Intake Form"
      },
      "typeVersion": 1
    },
    {
      "id": "79e68bf4-aeb1-46cd-a18c-e0ed9ac9ecb5",
      "name": "付箋1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        20,
        -520
      ],
      "parameters": {
        "color": 4,
        "width": 720,
        "height": 340,
        "content": "## | Step 1: Generate Image"
      },
      "typeVersion": 1
    },
    {
      "id": "7eb01630-14cf-4782-a6d0-a5f7d5a06bab",
      "name": "付箋2",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        780,
        -520
      ],
      "parameters": {
        "color": 5,
        "height": 340,
        "content": "## | Step 2: Upload to Google Drive"
      },
      "typeVersion": 1
    },
    {
      "id": "80517e7d-8511-42b5-9e24-774c22e0a2fe",
      "name": "付箋3",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -260,
        -140
      ],
      "parameters": {
        "color": 7,
        "width": 1280,
        "height": 380,
        "content": "## 🚀 Setup Requirements\n\nTo get started with this workflow, follow these steps:\n\n1. **🔑 Configure Credentials**: Set up your API credentials for OpenAI and Google Drive\n2. **💳 Add OpoenAI Credit**: Make sure to add credit to your OpenAI account, verify your organization (required for generating images)\n3. **📊 Connect Google Drive**: Authenticate your Google Drive account\n4. **⚙️ (Optional) Customize Prompts**: Adjust the prompts within the workflow to better suit your specific needs\n\n**Note: Each image generation will cost you about $0.17**"
      },
      "typeVersion": 1
    }
  ],
  "pinData": {},
  "connections": {
    "b1baad14-1ac6-42ca-9c4c-90aec4e3581d": {
      "main": [
        [
          {
            "node": "b120e2ce-b91b-4b8b-a869-e3fc7c5dcf11",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "586fb2f5-0190-4118-a0d5-1aff2ad54eab": {
      "main": [
        [
          {
            "node": "b1baad14-1ac6-42ca-9c4c-90aec4e3581d",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "b120e2ce-b91b-4b8b-a869-e3fc7c5dcf11": {
      "main": [
        [
          {
            "node": "0b04e850-a174-46f6-b9df-28a81eae24cb",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "1dbacde4-6cb5-46c1-8542-57803ecce72d": {
      "main": [
        [
          {
            "node": "586fb2f5-0190-4118-a0d5-1aff2ad54eab",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
よくある質問

このワークフローの使い方は?

上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。

このワークフローはどんな場面に適していますか?

中級 - コンテンツ作成, マルチモーダルAI

有料ですか?

このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。

関連ワークフロー

OpenAI、ElevenLabs、Fal.ai を使用した動画・パ odcast・ASM R向けのウイルス性コンテンツ自動作成
OpenAI、ElevenLabs、そして Fal.ai を使って動画、ポッドキャスト、ASMR に向けたウイルスのコンテンツ作成を自動化
Set
Code
Wait
+
Set
Code
Wait
97 ノードAdam Crafts
コンテンツ作成
Dumpling AI を使用してフォームから映画級の動物ビデオと音声を自動生成する
GPT-4、Dumpling AI、ElementalLabs オーディオを使用して、フォーム入力を映画のようなビデオに変換します
Set
Code
Wait
+
Set
Code
Wait
23 ノードYang
コンテンツ作成
リップシンクリップ生成
Infinitalk AIを使って口型同期VRoid動画を作成・共有し、TikTok/YouTubeへアップロード
If
Set
Wait
+
If
Set
Wait
18 ノードDavide
コンテンツ作成
複数のリファレンス画像からビデオクリップを生成
Fal.ai VIDU を使って参照画像からウイルスのな動画を作成して YouTube/TikTok にアップロード
If
Set
Code
+
If
Set
Code
20 ノードDavide
コンテンツ作成
AI駆動型動画制作&Instagram/TikTok/YouTubeへの自動アップロード
クラウドドライブからAI駆動の動画作成およびInstagram、TikTok、YouTubeへのアップロード
If
Set
Code
+
If
Set
Code
53 ノードDevCode Journey
コンテンツ作成
AI驱动のメール分诊与自動回复系统,統合OpenAIエージェントとGmail
AI驱动のメール分诊与自動回复系统,統合OpenAIエージェントとGmail
If
Set
Gmail
+
If
Set
Gmail
68 ノードAbdullahi Ahmed
コンテンツ作成
ワークフロー情報
難易度
中級
ノード数9
カテゴリー2
ノードタイプ5
難易度説明

経験者向け、6-15ノードの中程度の複雑さのワークフロー

作成者
Adnan

Adnan

@adnan

Information Security, Governance, Risk and Compliance Leader

外部リンク
n8n.ioで表示

このワークフローを共有

カテゴリー

カテゴリー: 34