---
title: ผังงาน Mermaid
slug: th/user-guides/mermaid
description: เรียนรู้วิธีสร้างแผนผังหลากหลายประเภท รวมถึง ERD, UML, คลาส และลำดับ โดยใช้การผสานรวมกับ Mermaid เอกสารนี้อธิบายวิธีเข้าถึง Mermaid ด้วยแป้นลัดหรือเมนูที่สะดวก อย่าพลาดตัวอย่างของลำดับที่รวมไว้ด้วย
createdAt: 2020-10-15T08:05:12.000Z
---

ตัวเลือกอีกอย่างสำหรับการสร้างไดอะแกรมคือการใช้การผสานรวม [Mermaid](https://mermaid-js.github.io/mermaid/#/) ซึ่งเป็นไวยากรณ์คล้ายมาร์กดาวน์สำหรับสร้างไดอะแกรม ERD UML คลาส ลำดับ และอื่นๆ

เพียงเริ่มเขียนทางลัด `(mermaid)` หรือเพิ่มจากเมนู `/` ได้เลย

ดูตัวอย่างการทำงานจากไดอะแกรมด้านล่างของเรา 😄

```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
```

***

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} &#x20;**&#x20;ค้นหาบล็อกอื่นๆ**

ค้นพบวิธีใหม่ๆ และบล็อกต่างๆ เพื่อสร้างหน้าเอกสารที่สวยงามและใช้งานได้ดี

[ดูบล็อกทั้งหมด](docId\:fvbccw7nLvGJbcHvBvBG9)&#x20;
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**&#x20; ต้องการความช่วยเหลือ?  ⬇️**

ใช้ **ปุ่มสีน้ำเงิน** **ไอคอนแชท&#x20;**&#xE17;ี่มุมขวาล่าง

หรือใช้ **AI Chat** (จากช่องค้นหา) เพื่อรับคำตอบอย่างรวดเร็ว
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**&#x20;  ความเห็นของคุณมีความสำคัญ**

ใช้แบบฟอร์มแสดงความคิดเห็นด้านล่างได้โดยไม่ระบุตัวตน

หรือถามคำถามใน **ส่วน Q\&A** แล้วทีมงานหรือ AI ของเราจะให้คำตอบแก่คุณ
:::
::::