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
コンテンツ作成