Какие программы используешь для отрисовки диаграмм?

Программы для отрисовки диаграмм

Визуализация процессов, архитектуры и требований — критичная часть работы BA. Рассмотрю инструменты, которые я использую в зависимости от задачи и контекста.

1. Miro (Miro.com)

Назначение: Диаграммы, мозговой штурм, процессы, user journeys

Когда использую:

• Collaborative sessions с командой
• User journey mapping
• Empathy maps
• Process flow диаграммы
• Brainstorming и ideation

Плюсы:

• Real-time collaboration (несколько человек одновременно)
• Rich templates (flowcharts, swim lanes, UML)
• Sticky notes, comments, voting
• Export в PDF, PNG
• Интеграция с Slack, Jira
• Бесплатный план неплохой

Минусы:

• Может быть медленным на больших бордах
• Требует регистрации

2. Lucidchart

Назначение: Профессиональные диаграммы (UML, ER, arquitectура)

Когда использую:

• Database schema (ER диаграммы)
• System architecture
• UML классы и диаграммы взаимодействия
• Org charts
• Flowcharts с высокой детализацией

Плюсы:

• Очень похожи на Visio (много профессионалов знают)
• Хорошие templates для баз данных и архитектуры
• Conditional data linking
• Много встроенных shapes
• Экспорт в множество форматов

Минусы:

• Платный (хотя есть free tier)
• Интерфейс может быть сложным для новичков

3. Draw.io (diagrams.net)

Назначение: Быстрые диаграммы, все типы

Когда использую:

• Временные диаграммы
• Быстрая визуализация идеи
• Flowcharts, block diagrams
• Когда нужно быстро что-то нарисовать

Плюсы:

• Полностью бесплатный
• Работает в браузере (не требует установки)
• Сохраняется в Google Drive, OneDrive, GitHub
• XML формат, легко версионировать
• Много shapes и connectors
• Desktop версия (для offline работы)

Минусы:

• Не идеален для real-time collaboration
• Интерфейс может показаться устаревшим

4. Figma

Назначение: User flows, wireframes, UI/UX диаграммы

Когда использую:

• User flow с дизайном
• Wireframes
• Interaction flows
• Когда нужна конкретизация UI
• Collaboration с дизайнерами

Плюсы:

• Real-time collaboration
• Интегрируется с design системой
• Компоненты и варианты
• Прототипирование
• Comments и версии

Минусы:

• Платный для advanced
• Требует knowledge дизайна для полного использования

5. PlantUML (текстовый язык)

Назначение: Диаграммы на коде (для технических BA)

Когда использую:

• Sequence диаграммы (взаимодействие между компонентами)
• Class diagrams
• Architecture decision records (ADR)
• Когда нужна версионизация в Git
• Документация в README

Пример Sequence диаграммы:

@startuml
actor User
participant Frontend
participant API
participant Database

User -> Frontend: Click "Login"
Frontend -> API: POST /auth/login
API -> Database: SELECT user WHERE email=?
Database --> API: User data
API --> Frontend: JWT token
Frontend --> User: Redirect to dashboard
@enduml

Плюсы:

• Версионируется в Git
• Легко обновлять
• Идеален для техдокументации
• Интеграция с CI/CD

Минусы:

• Требует knowledge синтаксиса
• Не очень хорошо для визуального дизайна

6. Microsoft Visio

Назначение: Enterprise диаграммы

Когда использую:

• В корпоративных проектах (часто требуют Visio)
• Организационные диаграммы
• Сложные flowcharts
• Интеграции со Suite (Excel, PowerPoint)

Плюсы:

• Стандарт в enterprise
• Много shapes и stencils
• Интеграция с Office

Минусы:

• Платный и дорогой
• Требует установки (хотя есть online версия)
• Кривая обучения

7. Excalidraw

Назначение: Быстрые hand-drawn диаграммы

Когда использую:

• Casual diagrams
• Brainstorming sessions
• Когда нужна непринужденность (hand-drawn стиль)
• Real-time collaboration

Плюсы:

• Completely бесплатный
• Open source
• Очень простой интерфейс
• Hand-drawn стиль выглядит дружелюбнее
• Real-time sharing

Минусы:

• Меньше профессиональных features
• Не очень для production-grade диаграмм

8. Mermaid

Назначение: Диаграммы на markdown синтаксисе

Когда использую:

• Документация в GitHub (README, wiki)
• Flowcharts в Confluence
• Быстрые диаграммы в коде
• CI/CD процессы

Пример:

graph TD
    A[Требование] --> B[Анализ]
    B --> C[Дизайн]
    C --> D[Разработка]
    D --> E[Тестирование]
    E --> F{Результат}
    F -->|Fail| G[Исправление]
    G --> D
    F -->|Pass| H[Release]

Плюсы:

• Встроен в GitHub/GitLab/Confluence
• Версионируется в Git
• Простой синтаксис
• Быстро писать

Минусы:

• Меньше контроля над layout
• Не подходит для сложных диаграмм

Сравнительная таблица

Мой типичный workflow

День 1: Интервью → Miro board: sticky notes, rapid ideation

День 2: Анализ и структуризация → Draw.io: первые draft диаграммы процессов

День 3: Детализация → Lucidchart: ER диаграмма, architecture → PlantUML: sequence диаграммы в коде

День 4: Презентация stakeholders → Figma (если UI/UX) → PowerPoint + диаграммы

День 5: Документация → Markdown + Mermaid в GitHub/Confluence

Ключевой принцип: правильный инструмент для правильной задачи. Не нужно пытаться нарисовать sequence диаграмму в Figma или UI flow в PlantUML.