Полный обзор open-source и коммерческих инструментов для создания архитектурных схем — от 3D-диаграмм FossFLOW до текстовых DSL вроде Mermaid и D2. Сравнение, примеры кода и гайд по выбору под свою задачу.
Архитектурная диаграмма — это не просто картинка для слайда. Это единый источник правды о том, как устроена система. Хорошая диаграмма отвечает на вопросы, которые возникнут у нового разработчика через 6 месяцев, у CTO на ревью и у devops-инженера в 3 часа ночи при инциденте.
Рынок инструментов для архитектурных диаграмм разделился на три лагеря:
Drag-and-drop, WYSIWYG, быстро стартовать. Excalidraw, Draw.io, FossFLOW, Lucidchart
Текст → диаграмма. Git-friendly, автоматизация, CI/CD. Mermaid, PlantUML, D2, Structurizr
C4 Model, коллаборация, версионирование, шаблоны. IcePanel, Eraser, Structurizr Cloud
FossFLOW — бесплатный open-source инструмент для создания профессиональных 3D-диаграмм архитектуры ПО и инженерных схем. Вышел в июле 2026 и моментально взлетел: твит с анонсом собрал 1 700+ закладок и 246 000 просмотров за сутки. Почему? Потому что софт-архитекторы годами ждали инструмент, который даёт 3D-визуализацию без цены в $1 000+/год.
Идеальные сценарии для FossFLOW:
Если вы пишете код — вы можете писать и диаграммы. Текстовые DSL (Domain-Specific Language) хранятся в Git, ревьюятся в Pull Request'ах и рендерятся автоматически. Три главных игрока:
Самый популярный. Встроен в GitHub Markdown, GitLab, Notion, Obsidian. Пишите диаграмму — она рендерится прямо в README.
# Mermaid: Sequence Diagram sequenceDiagram Client->>API Gateway: POST /orders API Gateway->>Order Service: createOrder() Order Service->>Payment Service: charge($199) Payment Service-->Order Service: OK Order Service-->API Gateway: order_id: 88501 API Gateway-->Client: 201 Created
Ветеран. Поддерживает ВСЁ: sequence, class, component, deployment, timing, mindmap, Gantt, C4. Мощный, но синтаксис тяжелее Mermaid.
@startuml package "Payment Service" { component [Stripe Adapter] as Stripe component [Refund Engine] as Refund database [Ledger DB] as Ledger } actor "Customer" as C C --> Stripe : pay() Stripe --> Ledger : write @enduml
Самый молодой и самый элегантный. Go-подход: минимум синтаксиса, максимум читаемости. Автоматический layout без ручного позиционирования. Лучший выбор для тех, кто начинает с DaC сегодня.
# D2: Cloud architecture in 10 lines lb: Load Balancer { shape: hexagon } api: API Service { replicas: 3 } cache: Redis { shape: cylinder } db: PostgreSQL { shape: cylinder } lb -> api: HTTPS api -> cache: read-through api -> db: write-behind
Когда диаграмма рождается в мозгу быстрее, чем вы печатаете — нужен визуальный редактор. Два open-source гиганта:
⭐ 128 000 GitHub stars
📝 Hand-drawn стиль — диаграммы выглядят «живыми», не стерильными
🔌 Библиотеки — 800+ кастомных шейпов от сообщества
🤝 Коллаборация — real-time, как Figma, но для диаграмм
💾 Экспорт — PNG, SVG, JSON (можно закоммитить сырые данные)
🆓 Бесплатно — MIT, self-host опционально
Идеален для: быстрых набросков, whiteboarding, ревью архитектуры в команде
⭐ 7 000 GitHub stars
🏢 Строгий стиль — точные линии, профессиональный вид
☁️ Иконки облаков — AWS, GCP, Azure, K8s из коробки
📁 Локальные файлы — .drawio это XML, живёт в репозитории
🔗 Интеграции — VS Code, Confluence, Jira, Google Drive
🆓 Бесплатно — Apache 2.0, полностью офлайн
Идеален для: детальных архитектурных схем, документации, enterprise-диаграмм
Простой критерий выбора: Excalidraw — когда нужен «живой» разговор с командой. Draw.io — когда нужен «официальный» документ, который пойдёт в Confluence и переживёт три реорганизации.
Когда у вас 50+ микросервисов, 8 команд и документация важнее кода — нужны инструменты с C4 Model, версионированием и RBAC.
| Инструмент | Тип | Цена | Ключевая фича |
|---|---|---|---|
| IcePanel | C4 Model SaaS | Free / Pro $19/мес | Интерактивный C4-вьювер с drill-down по уровням |
| Eraser.io | Диаграммы + Документы | Free / Pro $10/мес | Diagram-as-code + canvas в одном workspace |
| Structurizr | C4 DSL + Cloud | Free / $19/мес | C4 Model из кода (Java/.NET/Python DSL) |
| Lucidchart | Cloud-редактор | $7.95/мес | Самая большая библиотека шейпов, AI-генерация |
Structurizr — особый случай. Это инструмент Саймона Брауна, автора C4 Model. Вы описываете архитектуру на DSL (Java, C#, Python), и Structurizr автоматически генерирует System Context, Container, Component и Code-диаграммы. Живёт в коде, коммитится, рендерится — настоящий «Architecture as Code».
| Инструмент | Open Source | DaC | 3D | Коллаб. | GitHub ★ | Лучший для |
|---|---|---|---|---|---|---|
| FossFLOW | ✅ | ❌ | ✅ | ❌ | новый | 3D-презентации, WOW-эффект |
| Excalidraw | ✅ | ❌ | ❌ | ✅ | 128K | Наброски, whiteboarding |
| Draw.io | ✅ | ❌ | ❌ | ❌ | 7K | Документация, enterprise |
| Mermaid | ✅ | ✅ | ❌ | ❌ | 89K | README, Git-документация |
| PlantUML | ✅ | ✅ | ❌ | ❌ | 13K | Сложные UML, C4, Gantt |
| D2 | ✅ | ✅ | ❌ | ❌ | 25K | DaC для стартапов, чистая эстетика |
| IcePanel | ❌ | ❌ | ❌ | ✅ | — | C4-модель, команды 10+ |
| Eraser.io | ❌ | ✅ | ❌ | ✅ | — | Диаграммы + design docs |
| Structurizr | ✅ | ✅ | ❌ | ❌ | 1.5K | Architecture as Code, Java/.NET |
Не нужно пробовать все 9 инструментов. Вот матрица выбора по вашей задаче:
Не нужен зоопарк из 9 инструментов. Закрыть 95% потребностей можно тремя:
Для всего, что живёт в Git. Бесплатно, встроено везде, 89K звёзд не врут.
Для презентаций и WOW-эффекта. Бесплатный 3D там, где раньше был только дорогой софт.
Для живого обсуждения с командой. Hand-drawn стиль снимает барьер «должно быть красиво».
Если вы растёте и Mermaid перестаёт справляться со сложностью — добавляете D2 или PlantUML. Если нужна C4 Model для организации — IcePanel или Structurizr. Всё. Остальные инструменты — для специфических случаев.
Lucidchart и Eraser уже встроили AI: описываешь архитектуру текстом — получаешь диаграмму. FossFLOW идёт туда же — 3D из промпта.
FossFLOW — первый open-source 3D-инструмент. Следом пойдут остальные. Через год плоские диаграммы будут выглядеть как диаграммы из Paint сегодня.
Диаграммы, которые не устаревают: парсинг кода → автообновление схемы. Structurizr уже делает это для C4, дальше — для всех уровней.
Архитектурные диаграммы в 2026 — это не «нарисовать в PowerPoint». Это code-first инструменты, которые живут в репозитории, ревьюятся в PR и не устаревают. FossFLOW добавил в эту картину недостающий элемент: бесплатную 3D-визуализацию, которая раньше была доступна только в дорогих enterprise-решениях.
Наш выбор на 2026: Mermaid для Git-документации + FossFLOW для презентаций + Excalidraw для командной работы. Это покрывает 95% сценариев за $0/мес.