# سازنده نمودار سیستم

URL: https://discuvr.org/system-diagram/?hl=fa
Last updated: 2026-11-08
MCP tool: `draw_system_diagram`

با نوشتن A -> B نمودار معماری و جریان بکشید. چیدمان خودکار، گروه های جمع شونده، مراحل شماره دار و خروجی PNG و SVG.

در ابزارهای تخته سفید هر جعبه و پیکان را خودتان می کشید و با دست مرتب می کنید. اینجا می نویسید چه چیزی با چه چیزی حرف می زند، هر پیکان یک خط، و چیدمان خودکار انجام می شود. سرویس های مرتبط را در یک گروه بگذارید و برای نمای کلی آن را به یک جعبه جمع کنید؛ برای جزئیات دوباره باز کنید.

## عملکرد

- چیدمان خودکار از چپ به راست یا از بالا به پایین که هنگام نوشتن به روز می شود.
- شکل ها از روی نام: DB پایگاه داده، Kafka صف، User شخص و نامی که با ? تمام شود تصمیم.
- گروه هایی که به یک جعبه جمع می شوند تا یک نمودار هم نمای کلی و هم جزئیات را نشان دهد.
- روی بوم هم جعبه ها را بکشید، وصل کنید، تغییر نام دهید و اضافه کنید؛ هر تغییر در متن نوشته می شود.
- مراحل شماره دار، سبک دست کشیده، خروجی PNG و SVG و پیوند اشتراک. چیزی بارگذاری نمی شود.

## نحوه کار

1. خطوطی مثل User -> Web App -> Orders DB بنویسید یا از یک الگو شروع کنید.
2. با Name { ... } گروه، بعد از دونقطه برچسب و برای فراخوانی های ناهمگام --> اضافه کنید.
3. بین نمای کلی و جزئیات جابه جا شوید، جعبه ها را با کشیدن مرتب کنید و سپس خروجی بگیرید یا پیوند کپی کنید.

## سوالات

**چه فرقی با Excalidraw دارد؟**

Excalidraw یک تخته سفید آزاد است که هر شکل و پیکان را خودتان می گذارید. اینجا متن همان نمودار است و چیدمان خودکار است، پس افزودن یک سرویس یک خط است نه کشیدن و تراز کردن جعبه ها. برای طرح آزاد، Excalidraw هنوز مناسب تر است.

**چطور هم نمای کلی و هم جزئی نشان دهم؟**

جعبه های مرتبط را با Name { ... } در یک گروه بگذارید. نمای کلی هر گروه را به یک جعبه جمع می کند و پیکان هایش را یکی می کند؛ جزئیات دوباره بازشان می کند. می توانید هر گروه را جداگانه از سرتیترش جمع کنید.

**آیا نمودار من جایی ذخیره می شود؟**

خیر. در مرورگر شما رسم و در حافظه محلی آن نگه داشته می شود. پیوند اشتراک، نمودار را درون خود پیوند و بعد از علامت # حمل می کند که مرورگرها هرگز به سرور نمی فرستند.

**آیا می توانم فلوچارت Mermaid را جای گذاری کنم؟**

مستقیما نه؛ ورود از Mermaid وجود ندارد. خط های ساده مانند A -> B کار می کنند، اما سه تفاوت هست. سرخط graph TD را پاک کنید، وگرنه به یک جعبه تبدیل می شود، و به جای آن direction: down بنویسید. برچسب های Mermaid داخل کروشه را بردارید، چون اینجا متن داخل [ ] برچسب شکل و رنگ خوانده می شود. و --> اینجا پیکان خط چین برای فراخوانی ناهمگام می کشد، در حالی که در Mermaid پیکان معمولی است؛ برای پیکان پیوسته از -> استفاده کنید.

**غیر از A -> B چه چیزهایی می توانم بنویسم؟**

A -> B: متن روی پیکان برچسب می گذارد، A --> B پیکان خط چین، A <-> B پیکان دوطرفه می کشد و A <- B رو به عقب است. نام [db, blue] شکل و رنگ را تعیین می کند؛ شکل ها عبارت اند از service، db، cache، queue، actor، client، storage، external، decision، terminal و note. خط title: نام نمودار را می گذارد، direction: down آن را از بالا به پایین می چیند و خطی که با # یا // شروع شود توضیح است. هر نمودار تا 300 جعبه، 600 پیکان و 20,000 نویسه متن جا می گیرد.

**وقتی یک گروه را جمع می کنم، چه بر سر پیکان ها می آید؟**

پیکان های میان جعبه های داخل گروه جمع شده پنهان می شوند و پیکان هایی که از مرز آن عبور می کنند، از این پس از جعبه گروه شروع می شوند یا به آن می رسند. چند پیکان میان همان دو جعبه در یک پیکان ضخیم تر ادغام می شوند که برچسب اول را نگه می دارد و یک شمارش به آن می افزاید. مثال: اگر Payments API و Ledger داخل Payments { ... } باشند، خط های Checkout -> Payments API و Checkout -> Ledger در نمای کلی به یک پیکان Checkout -> Payments x2 تبدیل می شوند. گروهی که داخل یک گروه جمع شده است همراه آن جمع می شود و وقتی گام ها روشن است، شماره ها پیکان های هنوز پیدا را به ترتیب نوشتن دنبال می کنند.

## بیشتر در ابزارهای برنامه‌نویسان

- [فرمت‌کننده JSON](https://discuvr.org/json-formatter/?hl=fa)
- [قالب‌بندی‌کننده Python](https://discuvr.org/python-formatter/?hl=fa)
- [نمایش‌دهنده HTML](https://discuvr.org/html-viewer/?hl=fa)
- [ماشین‌حساب زیرشبکه IP](https://discuvr.org/ip-subnet-calculator/?hl=fa)

## اغلب همراه با این‌ها استفاده می‌شود

- [مقایسه متن](https://discuvr.org/text-diff/?hl=fa)

---

Part of Discuvr (https://discuvr.org/): Discuvr is a collection of free, focused tools for day-to-day professional work - office and data utilities, legal and compliance helpers, privacy and security checks, and developer formatters. Every tool has its own page, and most can also be called from ChatGPT or Claude over MCP.