# Конструктор схем систем

URL: https://discuvr.org/system-diagram/?hl=ru
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. Добавляйте группы через Имя { ... }, подписи после двоеточия и --> для асинхронных вызовов.
3. Переключайтесь между Обзором и Деталями, двигайте блоки и экспортируйте или копируйте ссылку.

## Вопросы

**Чем это отличается от Excalidraw?**

Excalidraw - свободная доска: каждую фигуру и стрелку вы ставите сами. Здесь текст и есть схема, а раскладка автоматическая, поэтому новый сервис - это одна строка, а не рисование и выравнивание блоков. Для вольного эскиза Excalidraw подходит лучше.

**Как показать общий и детальный вид?**

Поместите связанные блоки в группу через Имя { ... }. Обзор сворачивает каждую группу в один блок и объединяет её стрелки; Детали раскрывают их снова. Можно сворачивать и по одной группе через её заголовок.

**Где-то хранится моя схема?**

Нет. Она рисуется в вашем браузере и хранится в его локальном хранилище. Ссылка для обмена несёт схему внутри себя, после знака #, который браузеры никогда не отправляют на сервер.

**Можно ли вставить блок-схему 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=ru)
- [Python Formatter](https://discuvr.org/python-formatter/?hl=ru)
- [Просмотр HTML](https://discuvr.org/html-viewer/?hl=ru)
- [Калькулятор подсетей IP](https://discuvr.org/ip-subnet-calculator/?hl=ru)

## Часто используют вместе с

- [Сравнение текстов](https://discuvr.org/text-diff/?hl=ru)

---

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.