สรุปคลิป Youtube: This AI Agent Replaces an $82k/yr Graphic Designer (N8N) จากช่อง Nick Sareav
Graphic Designer มีงานที่ต้องออกแบบหลาย ๆ อย่าง เช่น Artwork, ฟอนต์ตัวอักษร แต่พอเจอ deadline เร่งด่วน ดีไซเนอร์ติดประชุมจนกราฟิกไม่มา, เครื่องมือในการออกแบบใช้งานยาก AI Designer บน n8n จะ Generate–Revise–Upscale–Share ไฟล์กราฟิกครบวงจรในคลิกเดียว ช่วยให้ไล่ทันงานทันใจ แถมได้คุณภาพการออกแบบเต็ม 10
ขั้นตอนการสร้าง Designer
- เตรียม Credentials และสมัคร API Key ทุกตัว
- สมัครและสร้าง API Key ของ OpenAI (สำหรับ Chat & Image)
- สมัครและสร้าง API Token ของ Replicate (สำหรับ Upscale)
- สร้าง OAuth Credential ของ Google Drive (สำหรับ Upload/Share ไฟล์)
- สร้าง Workflow หลักเกี่ยวกับการ Generate Image ใน N8N
- ใช้ Node OpenAI อย่าง GPT-Image 1 (API) พร้อมตั้ง prompt, resolution, quality (กว้าง*ยาว) และต่อด้วย Node Google Drive – Upload File ตั้งให้แชร์สาธารณะ เพื่อคืนลิงก์ไฟล์
- สร้าง Workflow ย่อยเกี่ยวกับการออกแบบ Logo
- รับ input เป็น image_prompt, resolution, file_name แล้วเรียก Generate Image Workflow ที่สร้างในข้อ 2 เพื่อมา Upload & Share ผลลัพธ์ผ่าน Google Drive
- สร้าง Workflow ย่อยเกี่ยวกับการ Generate Style Guide
- เริ่มรับ input เป็น image_prompt, resolution, file_name จากนั้นใช้ Node HTTP Request ส่งไปยัง OpenAI Images Edit (V1/images/edits) พร้อมตัวอย่าง Style Guide
- Download ผลลัพธ์, Convert จาก Base64 → ไฟล์, Upload & Share via Google Drive
- สร้าง Workflow ย่อย เกี่ยวกับการสร้างภาพพื้นหลังไล่ระดับสี
- รับ input เป็น image_prompt, resolution, file_name
- ใช้ Node HTTP Request ส่งไปยัง OpenAI Images Edit พร้อมตัวอย่าง Gradient ต่อด้วย Download → Convert → Upload & Share เช่นเดียวกับ Style Guide
- สร้าง Workflow ย่อย เกี่ยวกับการแก้ไขภาพ
- รับ input เพิ่ม previous_image_url นอกเหนือจาก image_prompt, resolution, file_name
- ถ้า URL มาจาก Google Drive ให้ใช้ Node Download, ถ้าไม่ให้ HTTP Request ดาวน์โหลด binary แล้วส่ง Binary พร้อมคำสั่งแก้ไขไป OpenAI Images Edit → Download → Upload & Share
- สร้าง Workflow ย่อย เกี่ยวกับการ Upscale ภาพ
- รับ input เป็น image_url, upscale_factor (2x/4x)
- ใช้ Node HTTP Request ไปยัง Replicate API (model “CodeFormer-driven-PQMF”) แล้วพา output link มา wrap และคืนให้ผู้ใช้
- set AI Agent Node ใน N8N
- ลาก Chat Trigger → OpenAI Chat (GPT-4o) → Simple Memory → Call Workflow (ตัวกลางในการเชื่อม Workflow หลักและย่อย ด้วยการเพิ่ม 5 Subworkflows ข้อ 3 – 7 มาเชื่อมตรงนี้)
- Map input fields ให้ตรงกับแต่ละเครื่องมือ
- เขียน System & Instruction Prompts
- กำหนด System Message
- Prompt: คุณคือผู้ช่วยดีไซน์ สร้าง Logo, Style Guide, Gradient, Revise, Upscale
- จากนั้นสอน Agent ให้ถามข้อมูลให้ครบ ก่อนเรียกแต่ละ tool, แล้ว wrap output ใน Markdown ATX format ให้คลิกลิงก์ได้ง่าย
- Deploy & Customize UI
- Export Hosted Chat URL หรือ Embed Code จาก N8N จากนั้นตั้ง Title/Subtitle ให้เข้าใจง่าย (LeftClick Design Agent)
- สุดท้ายมาปรับสี, Fonts ผ่าน Custom Chat Styling ให้เข้า Theme กับความต้องการของผู้ใช้งาน แล้วเริ่มทดสอบครบทั้งสร้าง, ปรับแก้, อัปสเกลบน URL จริง ก่อนเปิดให้ใช้งานตลอด 24 ชั่วโมง 7 วันได้ทันที
ข้อสรุป:
ผลลัพธ์ คือ ได้ Agent เครื่องมือทุกตัวที่สามารถสั่งใช้งานการออกแบบ Deisgner เป็น Web Chat ให้สั่งงาน Design ได้ครบ
