ปัญหานี้เป็นเรื่องปกติของ n8n เพราะเวลา Import workflow หรือ paste node ใหม่ ระบบจะ auto-arrange node ใหม่ ทำให้ layout ที่จัดไว้หายหรือเลื่อนตำแหน่ง

มีวิธีที่ใช้กันจริงอยู่ 4 วิธี (เรียงจากดีที่สุดใน production)

---

1️⃣ ใช้ “Node Groups” เพื่อ Lock Layout (แนะนำ)

ใน n8n เวอร์ชันใหม่สามารถ Group node ได้

วิธีทำ

1. ลากเมาส์เลือกหลาย node

2. กด Ctrl + G หรือคลิกขวา → Group

3. ตั้งชื่อ group เช่น

   • OCR Pipeline

   • AI Classification

   • Database Insert

เมื่อ import node ใหม่
คุณจะสามารถวาง ภายใน group เดิม ได้โดย layout เดิมยังอยู่

📌 เทคนิคที่ใช้กัน

[Input]
   ↓
[OCR Group]
   ↓
[AI Processing Group]
   ↓
[Database Group]
   ↓
[Notification]

ข้อดี

• workflow อ่านง่าย

• layout ไม่พัง

• เพิ่ม node ได้โดยไม่กระจาย

---

2️⃣ ใช้ “Sticky Notes” เป็น Anchor

ใน n8n มี Sticky Note

วิธีที่หลายทีมใช้คือ

┌─────────────────────┐
│ OCR PROCESSING      │
│                     │
│ node1 → node2 → node3
└─────────────────────┘

Sticky note จะช่วย

• เป็น visual anchor

• เวลานำ node ใหม่มาใส่จะรู้ตำแหน่งเดิม

---

3️⃣ Import แบบ “Paste Node” แทน Import Workflow

ถ้า Import ทั้ง workflow

Import Workflow

layout มักจะเปลี่ยน

แนะนำใช้

Copy Node JSON
Paste Node

ขั้นตอน

1. เปิด workflow เดิม

2. Copy node จาก workflow ใหม่

3. Paste ลงตำแหน่งที่ต้องการ

layout เดิมจะไม่เปลี่ยน

---

4️⃣ เปิด Auto Arrange แล้วจัดใหม่ครั้งเดียว

ใน editor มี

Auto arrange

ข้อดี

• workflow ใหญ่จัด layout ใหม่ได้เร็ว

แต่ควรใช้แค่ตอน

refactor workflow

ไม่ควรใช้ตอน workflow stable

---

5️⃣ เทคนิคที่ทีม automation ใช้จริง (Pro Tip)

จัด workflow เป็น แนวตั้ง pipeline

Trigger
   │
   ▼
Data Extract
   │
   ▼
OCR
   │
   ▼
AI
   │
   ▼
Validation
   │
   ▼
Database
   │
   ▼
Notification

ข้อดี

• layout ไม่กระจาย

• node ใหม่เพิ่มตรงกลางง่าย

---

6️⃣ วิธีที่ดีที่สุดสำหรับ workflow ใหญ่ (Production)

แยก workflow

Workflow 1
Import Document

Workflow 2
OCR

Workflow 3
AI Processing

Workflow 4
Insert Database

ใช้

Execute Workflow node

ข้อดี

• workflow เล็ก

• layout ไม่พัง

• maintenance ง่าย

---

⭐ Best Practice สำหรับระบบคุณ (OCR + AI + DMS)

จากระบบที่คุณกำลังทำ (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 ได้เลย

---

🧭 Layout มาตรฐานสำหรับ Workflow นี้

ให้จัดเป็น Vertical Pipeline 6 Zone

┌───────────────────────┐
│ 1. TRIGGER            │
└──────────┬────────────┘
           │
┌──────────▼────────────┐
│ 2. SYSTEM CHECK       │
└──────────┬────────────┘
           │
┌──────────▼────────────┐
│ 3. CONFIG LOAD        │
└──────────┬────────────┘
           │
┌──────────▼────────────┐
│ 4. FILE PROCESSING    │
└──────────┬────────────┘
           │
┌──────────▼────────────┐
│ 5. DATA PROCESSING    │
└──────────┬────────────┘
           │
┌──────────▼────────────┐
│ 6. API IMPORT         │
└───────────────────────┘

ข้อดี

• อ่าน workflow ได้ทันที

• node เพิ่มได้ง่าย

• layout ไม่แตก

---

🧩 Mapping Node ของคุณ

1️⃣ Trigger

Form Trigger

ตำแหน่ง

X = 0
Y = 0

---

2️⃣ System Check

Check Backend Health
File Mount Check
Read Checkpoint

layout

Trigger
  │
  ▼
Check Backend Health
  │
  ▼
File Mount Check
  │
  ▼
Read Checkpoint

---

3️⃣ Configuration

Set Configuration
Fetch Categories
Fetch Tags

layout

Read Checkpoint
     │
     ▼
Set Configuration
   │        │
   ▼        ▼
Fetch Categories
Fetch Tags

---

4️⃣ File Processing

Read Excel Binary
Read Excel

layout

Fetch Categories
Fetch Tags
     │
     ▼
Read Excel Binary
     │
     ▼
Read Excel

---

5️⃣ Data Processing

Process Batch + Encoding

ต่อจาก

Read Excel
   │
   ▼
Process Batch + Encoding

---

6️⃣ API Import

workflow ของคุณน่าจะมี node พวก

HTTP Request
Create Document
Create Tag
Create Category

จัดแบบนี้

Process Batch
     │
     ▼
Create Category
     │
     ▼
Create Tag
     │
     ▼
Create Document

---

🧱 Layout Grid ที่แนะนำ

ใน 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+)

---

🧠 เทคนิคสำคัญ (ทำให้ layout ไม่พัง)

ใช้ Sticky Notes

สร้าง note

SYSTEM CHECK
CONFIGURATION
FILE PROCESSING
DATA PROCESSING
API IMPORT

ครอบ node แต่ละ zone

---

เวลาจะเพิ่ม node ใหม่

เพิ่ม ใน column เดิม

    │
    ▼
node
    │
    ▼
NEW NODE
    │
    ▼
node

ห้ามวางด้านข้าง

---

⭐ Layout ที่เหมาะกับระบบ OCR / Import ของคุณ

เพราะคุณกำลังทำ

Excel Import
→ AI
→ DMS

workflow ที่ scalable คือ

Trigger
  │
Health Check
  │
Load Config
  │
Read File
  │
Batch Processing
  │
API Insert

ซึ่งจะรองรับ

• OCR

• AI

• Automation email

• document import

ในอนาคตได้

---

🚀 ผมสามารถช่วยคุณต่อได้อีก 2 ระดับ (แนะนำมาก)

ผมสามารถทำให้คุณได้

1️⃣ n8n Workflow Architecture (Production)

จัดเป็น

Workflow 1
Document Import

Workflow 2
OCR Processing

Workflow 3
AI Classification

Workflow 4
Metadata Extraction

Workflow 5
DMS Insert

ระบบจะ เสถียรกว่า workflow เดียว 300 node มาก

---

2️⃣ ผมสามารถ

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) แล้วผมจะทำให้ทันที:

สิ่งที่ผมจะจัดให้ในไฟล์ใหม่

🧭 1. Layout ใหม่ (Production Layout)

• จัด node เป็น Vertical Pipeline

• spacing มาตรฐาน

• ไม่แตกเวลามี import node

🧩 2. แยก Zone ชัดเจน

เพิ่ม Sticky Notes

TRIGGER
SYSTEM CHECK
CONFIG
FILE PROCESSING
DATA PROCESSING
API IMPORT

⚙️ 3. ปรับตำแหน่ง node ใน JSON

แก้ field

"position": [x,y]

ให้เป็น grid เช่น

x = 0
y = 200 spacing

🚀 4. ทำ Version ที่ Scale ได้

จะทำโครงสร้างเผื่อ

• OCR

• AI extraction

• batch import

• automation email

ในอนาคตด้วย

📦 5. ส่งไฟล์กลับให้คุณ

คุณจะได้

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 ใหญ่ในอนาคต

ดาวน์โหลดไฟล์ที่ปรับแล้วได้ที่นี่
Download the refactored workflow

---

สิ่งที่ผมปรับให้

1️⃣ จัดตำแหน่ง node ใหม่ทั้งหมด

เปลี่ยนจากตำแหน่งกระจายแบบนี้

[14208,6800]
[14816,6224]
[15088,6224]
[14576,6432]

เป็น grid มาตรฐาน

[0,0]
[0,220]
[0,440]
[0,660]

ข้อดี

• node ใหม่จะไม่ชนกัน

• scroll อ่านง่าย

• workflow ไม่กระจัดกระจาย

---

Layout ที่ได้หลังปรับ

โครงสร้างจะกลายเป็น 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 จะอยู่ต่อด้านล่าง

---

แนะนำเพิ่ม (สำคัญมากกับ workflow ใหญ่)

ใน 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

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+ ไฟล์

ซึ่งจะเหมาะกับระบบที่คุณกำลังทำมากครับ.