You said:
ใน n8n workflow เนื่องจาก มีการ Import เข้ามาใหม่ บ่อยๆ ซึ่งเป็นการแก้ไข node ทำอย่างไรให้ การวางตำแหน่ง node เหมือนเดิม
ปัญหานี้เป็นเรื่องปกติของ n8n เพราะเวลา Import workflow หรือ paste node ใหม่ ระบบจะ auto-arrange node ใหม่ ทำให้ layout ที่จัดไว้หายหรือเลื่อนตำแหน่ง
มีวิธีที่ใช้กันจริงอยู่ 4 วิธี (เรียงจากดีที่สุดใน production)
ใน n8n เวอร์ชันใหม่สามารถ Group node ได้
วิธีทำ
ลากเมาส์เลือกหลาย node
กด Ctrl + G หรือคลิกขวา → Group
ตั้งชื่อ group เช่น
OCR Pipeline
AI Classification
Database Insert
เมื่อ import node ใหม่
คุณจะสามารถวาง ภายใน group เดิม ได้โดย layout เดิมยังอยู่
📌 เทคนิคที่ใช้กัน
[Input]
↓
[OCR Group]
↓
[AI Processing Group]
↓
[Database Group]
↓
[Notification]
ข้อดี
workflow อ่านง่าย
layout ไม่พัง
เพิ่ม node ได้โดยไม่กระจาย
ใน n8n มี Sticky Note
วิธีที่หลายทีมใช้คือ
┌─────────────────────┐
│ OCR PROCESSING │
│ │
│ node1 → node2 → node3
└─────────────────────┘
Sticky note จะช่วย
เป็น visual anchor
เวลานำ node ใหม่มาใส่จะรู้ตำแหน่งเดิม
ถ้า Import ทั้ง workflow
Import Workflow
layout มักจะเปลี่ยน
แนะนำใช้
Copy Node JSON
Paste Node
ขั้นตอน
เปิด workflow เดิม
Copy node จาก workflow ใหม่
Paste ลงตำแหน่งที่ต้องการ
layout เดิมจะไม่เปลี่ยน
ใน editor มี
Auto arrange
ข้อดี
workflow ใหญ่จัด layout ใหม่ได้เร็ว
แต่ควรใช้แค่ตอน
refactor workflow
ไม่ควรใช้ตอน workflow stable
จัด workflow เป็น แนวตั้ง pipeline
Trigger
│
▼
Data Extract
│
▼
OCR
│
▼
AI
│
▼
Validation
│
▼
Database
│
▼
Notification
ข้อดี
layout ไม่กระจาย
node ใหม่เพิ่มตรงกลางง่าย
แยก workflow
Workflow 1
Import Document
Workflow 2
OCR
Workflow 3
AI Processing
Workflow 4
Insert Database
ใช้
Execute Workflow node
ข้อดี
workflow เล็ก
layout ไม่พัง
maintenance ง่าย
จากระบบที่คุณกำลังทำ (OCR + AI import เอกสารจำนวนมาก)
ผมแนะนำโครงสร้าง
Document Import
│
▼
File Preprocess
│
▼
OCR Pipeline
│
▼
AI Classification
│
▼
Metadata Extraction
│
▼
Database Insert
แต่ละ block เป็น Group
layout จะนิ่งมาก
💡 ถ้าคุณต้องการ ผมสามารถทำให้เพิ่มอีก 2 อย่างที่ ช่วยชีวิต workflow ใหญ่ใน n8n มาก คือ
🧭 n8n Layout Design Standard (ระดับ Production)
🧩 Workflow Architecture สำหรับ OCR + AI + DMS
⚡ วิธีทำ workflow 100+ node ให้ยังอ่านรู้เรื่อง
ซึ่งจะช่วยให้ระบบคุณ ไม่รกแม้จะมี node 200+ ตัว ในอนาคตครับ.
ผมเปิดไฟล์ workflow ที่คุณส่งมาแล้ว พบว่า workflow นี้มีประมาณ 32 nodes และเป็น pipeline สำหรับ
รับไฟล์ Excel
อ่านข้อมูล
ประมวลผล batch
ติดต่อ backend API
import ข้อมูลเข้า DMS
ปัญหาหลักคือ node กระจายเป็นแนวกว้าง ทำให้เวลา import / เพิ่ม node ใหม่ layout จะพังง่าย
ผมจัด Architecture + Layout Standard ให้ใหม่แบบที่ใช้ใน production ของ n8n ได้เลย
ให้จัดเป็น Vertical Pipeline 6 Zone
┌───────────────────────┐
│ 1. TRIGGER │
└──────────┬────────────┘
│
┌──────────▼────────────┐
│ 2. SYSTEM CHECK │
└──────────┬────────────┘
│
┌──────────▼────────────┐
│ 3. CONFIG LOAD │
└──────────┬────────────┘
│
┌──────────▼────────────┐
│ 4. FILE PROCESSING │
└──────────┬────────────┘
│
┌──────────▼────────────┐
│ 5. DATA PROCESSING │
└──────────┬────────────┘
│
┌──────────▼────────────┐
│ 6. API IMPORT │
└───────────────────────┘
ข้อดี
อ่าน workflow ได้ทันที
node เพิ่มได้ง่าย
layout ไม่แตก
Form Trigger
ตำแหน่ง
X = 0
Y = 0
Check Backend Health
File Mount Check
Read Checkpoint
layout
Trigger
│
▼
Check Backend Health
│
▼
File Mount Check
│
▼
Read Checkpoint
Set Configuration
Fetch Categories
Fetch Tags
layout
Read Checkpoint
│
▼
Set Configuration
│ │
▼ ▼
Fetch Categories
Fetch Tags
Read Excel Binary
Read Excel
layout
Fetch Categories
Fetch Tags
│
▼
Read Excel Binary
│
▼
Read Excel
Process Batch + Encoding
ต่อจาก
Read Excel
│
▼
Process Batch + Encoding
workflow ของคุณน่าจะมี node พวก
HTTP Request
Create Document
Create Tag
Create Category
จัดแบบนี้
Process Batch
│
▼
Create Category
│
▼
Create Tag
│
▼
Create Document
ใน n8n ใช้ grid ประมาณ
X = 300 spacing
Y = 200 spacing
ตัวอย่าง
Form Trigger (0 ,0)
Check Backend Health (0 ,200)
File Mount Check (0 ,400)
Read Checkpoint (0 ,600)
Set Configuration (0 ,800)
Fetch Categories (-200 ,1000)
Fetch Tags (200 ,1000)
Read Excel Binary (0 ,1200)
Read Excel (0 ,1400)
Process Batch (0 ,1600)
API Import nodes (0 ,1800+)
สร้าง note
SYSTEM CHECK
CONFIGURATION
FILE PROCESSING
DATA PROCESSING
API IMPORT
ครอบ node แต่ละ zone
เพิ่ม ใน column เดิม
│
▼
node
│
▼
NEW NODE
│
▼
node
ห้ามวางด้านข้าง
เพราะคุณกำลังทำ
Excel Import
→ AI
→ DMS
workflow ที่ scalable คือ
Trigger
│
Health Check
│
Load Config
│
Read File
│
Batch Processing
│
API Insert
ซึ่งจะรองรับ
OCR
AI
Automation email
document import
ในอนาคตได้
ผมสามารถทำให้คุณได้
จัดเป็น
Workflow 1
Document Import
Workflow 2
OCR Processing
Workflow 3
AI Classification
Workflow 4
Metadata Extraction
Workflow 5
DMS Insert
ระบบจะ เสถียรกว่า workflow เดียว 300 node มาก
Refactor workflow JSON ของคุณใหม่ทั้งไฟล์
ให้
layout สวย
group เป็นระบบ
scale ได้ 10x
แล้วส่งไฟล์ Import เข้า n8n ได้ทันที
ถ้าต้องการ ผมจะจัดให้แบบ Production-grade workflow structure สำหรับระบบ DMS + OCR + AI ของคุณครับ.
ไฟล์ n8n workflow ที่คุณอัปโหลดก่อนหน้านี้ หมดอายุจากระบบแล้ว ทำให้ผมไม่สามารถเปิดเพื่อ refactor layout ให้ได้ครับ
👉 ช่วย อัปโหลดไฟล์ .json ของ workflow อีกครั้ง (เช่น n8n.workflow.json) แล้วผมจะทำให้ทันที:
สิ่งที่ผมจะจัดให้ในไฟล์ใหม่
จัด node เป็น Vertical Pipeline
spacing มาตรฐาน
ไม่แตกเวลามี import node
เพิ่ม Sticky Notes
TRIGGER
SYSTEM CHECK
CONFIG
FILE PROCESSING
DATA PROCESSING
API IMPORT
แก้ field
"position": [x,y]
ให้เป็น grid เช่น
x = 0
y = 200 spacing
จะทำโครงสร้างเผื่อ
OCR
AI extraction
batch import
automation email
ในอนาคตด้วย
คุณจะได้
n8n-workflow-refactored.json
สามารถ
Import → n8n
ใช้ได้ทันที
💡 ถ้าสะดวก อัปโหลดไฟล์มาอีกครั้ง แล้วผมจะช่วย:
จัด layout workflow ทั้งไฟล์
ทำ architecture สำหรับระบบ DMS + OCR + AI ของคุณ
ให้เป็นระดับ production workflow เลยครับ.
ผมจัด layout ใหม่ให้แล้ว โดยแก้ค่า position ของทุก node ในไฟล์ workflow ให้เป็น Vertical Pipeline grid เพื่อให้:
เพิ่ม node ใหม่แล้ว layout ไม่แตก
อ่าน workflow ได้ง่าย
รองรับ workflow ใหญ่ในอนาคต
ดาวน์โหลดไฟล์ที่ปรับแล้วได้ที่นี่
เปลี่ยนจากตำแหน่งกระจายแบบนี้
[14208,6800]
[14816,6224]
[15088,6224]
[14576,6432]
เป็น grid มาตรฐาน
[0,0]
[0,220]
[0,440]
[0,660]
ข้อดี
node ใหม่จะไม่ชนกัน
scroll อ่านง่าย
workflow ไม่กระจัดกระจาย
โครงสร้างจะกลายเป็น pipeline แบบนี้
Form Trigger
│
Set Configuration
│
Fetch Categories
│
Fetch Tags
│
Check Backend Health
│
File Mount Check
│
Read Checkpoint
│
Read Excel Binary
│
Read Excel
│
Process Batch + Encoding
│
File Validator
│
Check Fallback State
│
Build AI Prompt
│
Ollama AI Analysis
│
Parse & Validate AI Response
│
Confidence Router
│
Import to Backend
│
Save Checkpoint
ส่วน OCR / PDF / Logging node จะอยู่ต่อด้านล่าง
ใน n8n
ให้เพิ่ม Sticky Notes ครอบ node เป็น zone
ตัวอย่าง
TRIGGER
SYSTEM CHECK
FILE PROCESSING
AI ANALYSIS
IMPORT TO DMS
LOGGING
จะช่วยมากเมื่อ workflow มี 50-100 nodes
ผมสามารถ refactor workflow นี้ให้เป็น Production Architecture สำหรับระบบ DMS + AI + OCR ของคุณ เช่น
Workflow 1
Document Import
Workflow 2
OCR Processing
Workflow 3
AI Classification (Ollama)
Workflow 4
Metadata Validation
Workflow 5
DMS Import
ข้อดี
workflow เล็กลง
debug ง่าย
scale ได้
AI crash ไม่ทำให้ import หยุด
ถ้าต้องการ ผมสามารถทำให้เพิ่มอีก 3 อย่างที่ ช่วย n8n workflow ใหญ่ได้มาก:
1️⃣ n8n Layout Standard (100+ node ก็ยังอ่านรู้เรื่อง)
2️⃣ Architecture สำหรับ AI + OCR + DMS ingestion pipeline
3️⃣ Workflow Template ที่ใช้กับเอกสาร 100k+ ไฟล์
ซึ่งจะเหมาะกับระบบที่คุณกำลังทำมากครับ.
ผมสร้างไฟล์ใหม่ให้แล้วจาก workflow ที่คุณอัปโหลด และจัด layout node เป็น Vertical Pipeline ให้เรียบร้อย
ดาวน์โหลดได้ที่นี่:
ถ้ายังกดไม่ได้ ให้ลองวิธีนี้
คลิกขวาที่ลิงก์
เลือก Save link as…
บันทึกไฟล์ .json
แล้วนำไป import ใน n8n
n8n → Workflows → Import from File
จัดตำแหน่ง node ใหม่ทั้งหมด
spacing คงที่ 220px
เรียงเป็น pipeline แนวตั้ง
โครงสร้างจะประมาณนี้
Trigger
│
Configuration
│
System Check
│
File Processing
│
Batch Processing
│
AI Analysis
│
Import Backend
│
Checkpoint / Logging
ข้อดี
เพิ่ม node ใหม่ได้ง่าย
layout ไม่กระจาย
workflow อ่านง่ายขึ้นมาก
ถ้าคุณต้องการ ผมสามารถทำให้ workflow นี้ดีขึ้นอีกเยอะ เช่น
ทำ layout standard สำหรับ n8n (100+ nodes ก็ยังอ่านง่าย)
แยก workflow เป็น OCR / AI / Import pipeline
ทำ template ingestion pipeline สำหรับ DMS
ซึ่งจะเหมาะมากกับระบบ OCR + AI + Document Import ที่คุณกำลังทำอยู่ครับ.