draw.io: схемы процессов без чужого облака

Схема процесса стоит дороже, чем кажется

Заказчик приходит с задачей «автоматизировать отдел». Первое, что я прошу: покажите, как у вас сейчас идёт заявка. Кто её принимает, кто согласует, куда уходит дальше. Через час получается рисунок, на котором видно всё: фамилии, лимиты согласования, поставщики, склады, места, где теряются деньги.

Такой рисунок часто делают в онлайн-доске или в облачном редакторе, потому что он под рукой. Схема остаётся на сервере сервиса, а доступ к ней определяют чужие правила и чужие тарифы. Если сервис закроется, поднимет цену или закроет регион, схема останется у него. Для процесса с ценами закупки и условиями для клиентов это уже не мелочь.

Что такое draw.io

Репозиторий jgraph/drawio описан как JavaScript-редактор для диаграмм, который работает на стороне клиента. На момент проверки у него около 8,5 тысячи звёзд, лицензия Apache-2.0, последний релиз v32.0.2 вышел 3 октября 2026 года. Проект живой.

Запустить его можно тремя способами: опубликовать на GitHub Pages, поднять официальный Docker-образ или поставить десктопное приложение. Интерфейс переведён на русский, файл русской локализации лежит в репозитории. Экспорт идёт в SVG, PNG и JPEG, PDF делается через печать из браузера.

В редакторе есть шаблоны для нашей задачи: BPMN, дорожки (swimlane), блок-схемы, диаграмма Исикавы. Про сами нотации я писал в статье про бизнес-процессы и BPMN.

Как поднять у себя и ничего не отдать наружу

Самый быстрый путь идёт через Docker. Одна команда на любом сервере или на ноутбуке:

docker run -it --rm --name="draw" -p 8080:8080 -p 8443:8443 jgraph/drawio

Дальше открываете адрес localhost:8080 с параметром offline=1. В документации образа сказано, что этот параметр отключает поддержку облачных хранилищ, и редактор не предложит сохранять схему в Google Drive или OneDrive. Ключи для таких интеграций вы задаёте сами переменными окружения. Язык интерфейса по умолчанию тоже выбирается переменной.

Для одного человека ещё проще десктопная версия. По описанию разработчиков, она изолирована от интернета, кроме проверки обновлений. Проверку можно выключить переменной DRAWIO_DISABLE_UPDATE=true. Содержимое схем наружу не отправляется, аналитика не собирается. Одна оговорка: если в схему вставлена картинка по ссылке, при открытии браузер запросит её с чужого адреса, и тот сервер увидит ваш IP. Содержимое схемы при этом не передаётся. Десктопное приложение лицензировано отдельно, под GPL v3.

Для команды, которая хранит документы в Nextcloud, в репозитории образа лежит готовый docker-compose для связки с Nextcloud. Я эту связку не запускал и пишу только о том, что она там есть.

Как рисовать процесс «как есть» и «как будет»

Схем нужно две. Их часто смешивают, и ТЗ получается о том, чего не существует.

«Как есть» рисуется со слов тех, кто работает руками. Руководитель обычно описывает процесс по регламенту, а исполнители описывают его по факту. Берёте дорожки, на каждую роль своя: менеджер, бухгалтер, склад, курьер. Дальше идёте по одной реальной заявке от входа до закрытия. На каждый шаг пишете, где он происходит: в 1С, в мессенджере, в таблице или на бумаге. Красным помечаете места, где заявка ждёт, возвращается или теряется. Обычно на второй-третий час выясняется, что согласование идёт личным сообщением, а в системе его нет.

«Как будет» рисуется поверх копии. Те же дорожки, но часть шагов переходит к боту, форме или интеграции. Каждый такой шаг подписываете: что приходит на вход, что должно выйти, что делать, если данных не хватает. Если на шаге развилка, рисуете ромб с двумя выходами и подписываете условие. Фраза «если сумма больше лимита, уходит директору» превращается в правило.

Когда обе схемы готовы, разница между ними и есть список работ. Остаётся перенести её в текст. Как это делать, разобрано в статье как составить ТЗ: схема идёт приложением, а описание шагов с входами, выходами и исключениями пишется под каждым блоком.

Что важно учесть

draw.io рисует и ничего не исполняет. Схема BPMN в нём остаётся картинкой: по ней не пройдёт ни одна заявка, никто не получит уведомление, и она не покажет, где процесс застрял. Для исполнения нужен отдельный движок или написанная автоматизация. Если вам нужен именно процессный движок, это другой класс инструментов.

Одновременной работы нескольких людей в одной схеме ждать не стоит. В репозитории прямо сказано, что совместное редактирование в реальном времени в этой версии не поддерживается. Схему рисует один человек, остальные комментируют готовый файл или рисуют по очереди.

Серверный экспорт в docker-образе отключён: сервис экспорта разработчики сняли с поддержки. Экспорт в PNG, JPEG и SVG в браузере работает, PDF идёт через печать. Для рабочих схем этого хватает. Если нужен серверный PDF по расписанию, его придётся делать отдельно.

Если схемы нужны внутри Confluence или Jira, draw.io для них продаётся отдельно. Ограничения на библиотеки значков для продуктов Atlassian в репозитории оговорены, их стоит прочитать до публикации схем.

Что можно сделать уже сейчас

• Запустите образ командой выше на ноутбуке или тестовом сервере и откройте с параметром offline. Это десять минут.
• Выберите один процесс с понятной болью, например «заявка от клиента до отгрузки». Весь бизнес сразу брать не нужно.
• Нарисуйте «как есть» вместе с теми, кто работает руками, и пометьте красным паузы и возвраты. Посмотрите, сколько красного набралось.
• Решите, нужна ли автоматизация вообще. Часть красных мест убирается регламентом, и тогда писать код незачем. Об этом статья про хаос, который сначала нужно привести в порядок.

Частые вопросы

Нужно ли знать BPMN, чтобы рисовать схемы?

Нет. Для первой версии хватит блоков, стрелок и дорожек по ролям. Нотацию подтягивают позже, когда схема переходит к разработчику.

Схемы точно остаются у нас?

При запуске в Docker с параметром offline и в десктопной версии по описанию разработчиков содержимое схем наружу не уходит. Файл лежит там, где вы его сохранили. Проверить это можно сетевой вкладкой браузера и правилами вашего межсетевого экрана.

Чем это лучше Excalidraw?

Excalidraw удобен для набросков и инфографики, я разбирал его в статье про карусели. Для процессов с дорожками, ромбами и большим числом элементов в draw.io есть готовые шаблоны и библиотеки фигур.

Коротко о главном

Схема процесса хранит то, о чём компания обычно не рассказывает наружу: кто принимает решения, какие лимиты и где слабые места. Хранить её удобнее у себя, и draw.io для этого подходит: бесплатный, с открытым кодом, ставится за несколько минут.

Если хотите пройти этот путь вместе, мы разберём ваш процесс, нарисуем схему и автоматизируем под ключ: автоматизация бизнес-процессов. Напишите мне в Telegram кодовое слово «СХЕМЫ», и я пришлю короткий список вопросов, с которого начинаем.