AI Insight Hub

LINE + AI = 無限創意圖片工廠

·

by

Amy
想像一下，只要在 LINE 裡輸入「6歲小女孩在動物園玩」，60秒後就收到一張超可愛的卡通插畫！這不是夢想，而是您馬上就能實現的智能創作體驗。

這個過程中，您可以體驗到自動化圖片的魅力。

✨ 這個自動化工作流程能為您做什麼？

🎯 使用自動化圖片，快速生成您想要的視覺效果。

🎯 一句話生成專屬圖片

  • 輸入中文描述，AI 自動翻譯成專業英文提示詞
  • 根據不同場景智能調整圖片風格（可愛卡通、寫實風格、水彩畫風等）
  • 60秒內直接在 LINE 收到高品質原創圖片

影片展示：

全覽工作流：

🛠️ 開始前的準備清單

你需要準備：

🏗️ 開始建造我們的工作流

這次工作流，我分了幾個部分第一個是接收與 AI Agent、再來是創造圖片以及上傳，最後則是發送圖片，我將會依序的介紹

1.接收訊息與 AI Agent

這一塊跟之前一樣，接收用戶訊息，再到 AI Agent 大腦中進行判斷，並將個大腦接上 AI model

接上 Webhook 跟 AI Agent 的部分可以參考這一系列『LINE AI助理養成記【第1課】打造你的第一個機器人』

比較不一樣的是，我們這次需要 AI Agent 產生的圖片的指令喔！ 所以你可以參考 『LINE AI助理養成記【第3課】AI 提示詞』 的做法，產生一個合適的AI 提示詞

2. 創造圖片與上傳

我們這一次最重要的就是創造圖片就是 Create image 這個節點，創造圖片的部分，我選擇了 Open AI 的 API ，因為考慮他生圖比較厲害一點，可以參考 Open AI 的網址如下 https://platform.openai.com/docs/guides/image-generation?lang=curl

1. Create image 節點

我們需要的 API 資訊如下

curl -i -X POST 'https://api.openai.com/v1/images/generations' 
-H 'Content-Type: application/json' 
-H 'Authorization: Bearer {{openai key}}' 
-d '{
    "model": "gpt-image-1",
    "prompt": "{{前一個AI Agent 產出的圖片提示詞}}" ,
    "n": 1,
    "size": "1024x1024"
}'

依照以上的內容配置 n8n 的節點如下

1.節點設定
節點類型：HTTP Request
方法：POST
URL：https://api.openai.com/v1/images/generations
2. Headers設定
{
  "Content-Type": "application/json",
  "Authorization": "Bearer {{你的OpenAI API Key}}"
}
3. Body參數優化
{
   "model": "gpt-image-1", 👈 可以改成不同模型
   "prompt": "{{ AI 產出的圖片指令 }}" ,
   "n": 1,
   "size": "1024x1024"
}

因為 API 產出的會是一串 b64_json 編碼，因此我們還需要幾個節點

2. Convert to File 節點

作用：將OpenAI回傳的圖片URL轉換為檔案

從右側的加號中，選 Convert to File，並選擇 『Move base64 string to file』

選擇後只需要把上一個節點的 b64_json 輸入設定在下方「Base64 Input Field」的位置即可，點擊測試後就會產生 Output 的檔案，點擊 View 即可預覽圖片

有了這個圖片之後我們怎麼讓 LINE 輸出呢？ 我們需要把檔案上傳，獲得一串 URL，LINE 就能顯示圖片了

3.Upload Cloudinary 節點

作用：上傳到雲端圖片服務（像LINE的圖片伺服器）

API 參考網址：https://cloudinary.com/documentation/image_upload_api_reference

我們需要的 API 資訊如下，請要更了解如何取得 Cloudinary Key 請參考這一篇

curl https://api.cloudinary.com/v1_1/cld-docs/image/upload 
-X POST 
-F 'file={{data:image/png;base64,{{ 前一個節點拿到的 b64_json }}}}' 
-F 'timestamp={{ Math.floor(Date.now()/1000) }}' 
-F 'api_key={{ 註冊 cloudinary 後拿到的key }}'

成功設置成功，你就可以獲得，一串 URL ，類似如下

http://res.cloudinary.com/dw7tyuer4/image/upload/v1754105804/ux4ta9nlsmykrqgmcwsf.png

這一串 URL 就是拿來給 LINE 回傳圖片用的喔！

3. 回傳圖片給 LINE

這一段呢！就是要把剛剛拿到 URL 回傳給 LINE，我們看一下之前的設置項，來做一些調整

1.節點設定
節點類型：HTTP Request
方法：POST
URL：https://api.line.me/v2/bot/message/reply
2. Headers設定
{
  "Content-Type": "application/json",
  "Authorization": "Bearer {{你的channel access token}}"
}
3. Body參數優化
{
    "replyToken": "{{ $('Webhook').item.json.body.events[0].replyToken }}",  👈 從 webhook 中找到的 replyToken
    "messages": [
        {
            "type": "image", 👈 回覆是圖片了，類型要改成 image
             "originalContentUrl": "{{ $json.url }}", 👈 從 cloudinary 節點拿到的 URL
             "previewImageUrl": "{{ $json.url }}"
        }
    ]
}

設置完成！ 這樣你就獲得可以隨時產生圖片的小助手了

🎉 完成了！你的AI圖片工廠正式開張

🏆 成就解鎖：你現在擁有什麼？

恭喜你！經過這次學習，變身為：

✅ 自動化工作流程設計師 – 掌握了 API串接流程
✅ 智能圖片生產者 – 擁有一個24小時不休息的專屬插畫師

🚀 接下來可以這樣玩

1. 給AI 不同的風格指令系統 試試在描述前加上這些關鍵字：

  • 卡通: → 可愛動漫風格
  • 寫實: → 攝影級真實感
  • 水彩: → 夢幻水彩畫風
  • 復古: → 懷舊復古風格

2. 在產生圖片的節點中，調整尺寸

  • 方形:你的描述 → 1024×1024 (IG貼文)
  • 橫幅:你的描述 → 1792×1024 (FB封面)
  • 直幅:你的描述 → 1024×1792 (限時動態)

接下來除了LINE 的小助手以外，他也可以成為你經營社群的小助手囉！

🎬 結語：歡迎來到自動化的世界

還記得開頭我們說的嗎？“讓我們把這個重複工作交給機器人吧！”

現在你不只是說說而已，你真的做到了！每當你在LINE裡輸入一段描述，就有一個由你親手打造的智能系統在為你工作。

這不是結束，而是你自動化人生的開始。

準備好迎接下一個挑戰了嗎？讓我們繼續一起把更多重複工作交給機器人處理！ 🚀