# Sistem Diyagramı Oluşturucu

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

A -> B yazarak mimari ve akış diyagramları çizin. Otomatik yerleşim, katlanabilen gruplar, numaralı adımlar, PNG ve SVG dışa aktarma.

Bir beyaz tahta aracında her kutuyu ve oku siz çizer, elle hizalarsınız. Burada neyin neyle konuştuğunu ok başına bir satır yazarsınız, yerleşim kendiliğinden yapılır. İlgili servisleri bir gruba koyun, genel görünüm için tek kutuya daraltın; ayrıntı için yeniden açın.

## Ne işe yarar

- Yazarken güncellenen, soldan sağa ya da yukarıdan aşağıya otomatik yerleşim.
- Şekiller addan seçilir: DB veritabanı, Kafka kuyruk, User kişi, ? ile biten ad karar olur.
- Tek kutuya daralan gruplar sayesinde tek diyagram hem genel hem ayrıntılı görünüm sunar.
- Kutuları tuvalde de sürükleyin, bağlayın, yeniden adlandırın ve ekleyin; her değişiklik metne yazılır.
- Numaralı adımlar, elle çizim stili, PNG ve SVG dışa aktarma ve paylaşım bağlantıları. Hiçbir şey yüklenmez.

## Nasıl çalışır

1. User -> Web App -> Orders DB gibi satırlar yazın ya da bir şablonla başlayın.
2. Ad { ... } ile grup, iki noktadan sonra etiket ve asenkron çağrılar için --> ekleyin.
3. Genel bakış ile Ayrıntılar arasında geçin, kutuları sürükleyerek düzenleyin, sonra dışa aktarın veya bağlantı kopyalayın.

## Sorular

**Excalidraw'dan farkı ne?**

Excalidraw serbest bir beyaz tahtadır: her şekli ve oku siz yerleştirirsiniz. Burada metin diyagramın kendisidir ve yerleşim otomatiktir; yeni bir servis eklemek kutu çizip hizalamak yerine tek satırdır. Serbest bir taslak için Excalidraw hâlâ daha uygundur.

**Hem genel hem ayrıntılı görünümü nasıl gösteririm?**

İlgili kutuları Ad { ... } ile bir gruba koyun. Genel bakış her grubu tek kutuya daraltır ve oklarını birleştirir; Ayrıntılar yeniden açar. Bir grubu başlığından tek tek de daraltabilirsiniz.

**Diyagramım bir yerde saklanıyor mu?**

Hayır. Tarayıcınızda çizilir ve onun yerel depolamasında tutulur. Paylaşım bağlantısı diyagramı bağlantının içinde, tarayıcıların sunucuya hiç göndermediği # işaretinden sonra taşır.

**Mermaid akış şemasını yapıştırabilir miyim?**

Doğrudan hayır; Mermaid içe aktarma yok. A -> B gibi düz satırlar çalışır, ancak üç şey farklıdır. graph TD başlık satırını silin, yoksa bir kutuya dönüşür, onun yerine direction: down yazın. Köşeli parantez içindeki Mermaid etiketlerini kaldırın, çünkü burada [ ] içindeki metin şekil ve renk etiketi olarak okunur. Ayrıca --> burada eşzamansız çağrı için kesikli ok çizer, Mermaid ise bunu normal ok sayar; düz ok için -> kullanın.

**A -> B dışında neler yazabilirim?**

A -> B: metin oka etiket koyar, A --> B kesikli ok, A <-> B çift yönlü ok çizer, A <- B ise geriye bakar. Ad [db, blue] şekil ve renk belirler; şekiller service, db, cache, queue, actor, client, storage, external, decision, terminal ve note. title: diyagrama ad verir, direction: down yukarıdan aşağıya dizer, # veya // ile başlayan satır yorumdur. Bir diyagram en fazla 300 kutu, 600 ok ve 20.000 karakter metin alır.

**Bir grubu daralttığımda oklara ne olur?**

Daraltılan grubun içindeki kutular arasındaki oklar gizlenir; grubun sınırını geçen oklar ise artık grup kutusunda başlar veya biter. Aynı iki kutu arasındaki birden fazla ok, ilk etiketi koruyan ve bir sayı ekleyen tek bir kalın oka dönüşür. Örnek: Payments API ve Ledger, Payments { ... } içindeyse Checkout -> Payments API ve Checkout -> Ledger satırları Genel bakış görünümünde tek bir Checkout -> Payments x2 okuna dönüşür. Daraltılmış bir grubun içindeki grup da onunla birlikte daralır; Adımlar açıkken numaralar, hâlâ görünen okları yazıldıkları sırayla izler.

## Geliştirici Araçları içinde daha fazlası

- [JSON Biçimlendirici](https://discuvr.org/json-formatter/?hl=tr)
- [Python Biçimlendirici](https://discuvr.org/python-formatter/?hl=tr)
- [HTML Görüntüleyici](https://discuvr.org/html-viewer/?hl=tr)
- [IP Alt Ağ Hesaplayıcı](https://discuvr.org/ip-subnet-calculator/?hl=tr)

## Sıklıkla birlikte kullanılanlar

- [Metin Karşılaştırma](https://discuvr.org/text-diff/?hl=tr)

---

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.