Главная Редактор BPMN Как работать в редакторе BPMN: пошаговое руководство

Как работать в редакторе BPMN: пошаговое руководство

Обновлено Mar 27, 2026

Эта статья — практический гайд по работе в редакторе BPMN в Stormbpmn. Вы узнаете, как создать диаграмму, добавить элементы, настроить ветвления и оформить процесс. Если вы


открыли редактор впервые — начните отсюда.

Создание новой диаграммы

Нажмите кнопку «Новая диаграмма» на главной странице или внутри нужной папки. Введите название — например, «Обработка заявки клиента». Откроется редактор с начальным событием (зелёный кружок) на холсте.

Начальное событие — это точка входа в процесс. Каждая диаграмма BPMN начинается с него.

Добавление элементов

Есть два способа добавлять элементы на диаграмму.

Способ 1: контекстное меню элемента. Нажмите на любой элемент на холсте — справа появится контекстное меню с иконками. Выберите нужный тип: задачу (прямоугольник со скруглёнными углами), шлюз (ромб), событие (круг) или промежуточное событие. Новый элемент автоматически


соединится стрелкой с предыдущим. Это самый быстрый способ построить последовательную цепочку.


Способ 2: палитра элементов слева. В левой панели собраны все доступные элементы BPMN. Перетащите нужный элемент на холст, а затем соедините его стрелкой вручную — наведите

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


После добавления элемента дважды кликните на него, чтобы ввести название. Называйте задачи глаголом: «Проверить заявку», «Отправить ответ», «Согласовать договор».

Типы задач

По умолчанию добавляется обычная задача (Task). Чтобы сменить тип, нажмите на задачу и кликните иконку гаечного ключа в контекстном меню. Доступные типы:

  • User Task (иконка человека) — задача, которую выполняет конкретный сотрудник вручную. Используйте для этапов, где нужно чьё-то решение или действие.

  • Service Task (иконка шестерёнки) — автоматическая задача, которую выполняет система. Подходит для отправки писем, обновления данных, интеграций.

  • Script Task (иконка документа) — выполнение скрипта или расчёта.

  • Manual Task (иконка руки) — работа, которая выполняется без помощи системы (например, физическая доставка).

  • Call Activity (жирная рамка) — вызов другого процесса как подпроцесса.

Если вы не уверены, какой тип выбрать — оставьте обычную задачу. Тип можно сменить в любой момент.

Ветвления: шлюзы

Когда процесс разветвляется (например, «заявка одобрена или отклонена»), используйте шлюзы. Шлюз — это ромб на диаграмме.

Эксклюзивный шлюз (XOR) — выполняется только одна ветка из нескольких. Используйте, когда есть условие: «Если одобрено → ..., если отклонено → ...». На диаграмме обозначается ромбом с крестиком (×) внутри.

Как добавить:

  1. Нажмите на задачу, после которой идёт развилка.

  2. В контекстном меню выберите ромб (шлюз).

  3. Из шлюза добавьте два или более потока — каждый ведёт к своей ветке задач.

  4. Подпишите условия: нажмите на стрелку и введите текст (например, «Сумма > 100 000» или «Одобрено»).

  5. После веток добавьте замыкающий шлюз, чтобы потоки сошлись обратно.

Параллельный шлюз (AND) — выполняются все ветки одновременно. Обозначается ромбом с плюсом (+) внутри. Используйте, когда несколько действий идут параллельно: «Подготовить документы» и «Уведомить клиента» — оба нужно сделать.

Инклюзивный шлюз (OR) — выполняются одна или несколько веток. Обозначается ромбом с кругом внутри.

Чтобы сменить тип шлюза, нажмите на него и кликните гаечный ключ — выберите нужный тип.

Важно: каждый разветвляющий шлюз должен иметь замыкающий шлюз того же типа. Если у вас XOR-развилка на две ветки, после них должен стоять XOR, который их соберёт. Это правило нотации BPMN.

Пулы и дорожки

Пулы и дорожки показывают, кто выполняет задачи.

Пул (Pool) — это контейнер для одного участника процесса (отдел, компания, система). Перетащите пул из левой палитры на холст. Дважды кликните на заголовок, чтобы назвать его — например, «Отдел продаж».

Дорожки (Lanes) — делят пул на зоны ответственности. Правой кнопкой нажмите на пул и выберите «Добавить дорожку сверху» или «Добавить дорожку снизу». Назовите дорожки по ролям: «Менеджер», «Руководитель», «Бухгалтерия». Перетащите задачи на нужные дорожки — так сразу видно, кто за что отвечает.

Взаимодействие между пулами. Если в процессе участвуют несколько сторон (например, ваша компания и клиент), добавьте второй пул. Между пулами проводятся пунктирные стрелки (Message Flow) — они показывают обмен информацией. Обычные стрелки (Sequence Flow) работают только внутри одного пула.

Соединение элементов стрелками

Чтобы соединить два элемента стрелкой вручную, наведите курсор на край исходного элемента — появится точка-якорь. Зажмите левую кнопку мыши и протяните линию к целевому элементу. Стрелка автоматически «прилипнет».

Чтобы удалить стрелку, выделите её кликом и нажмите Delete на клавиатуре.

Чтобы подписать стрелку (указать условие), дважды кликните на ней и введите текст. Подписи на стрелках особенно важны после шлюзов — они объясняют, при каком условии процесс идёт по этой ветке.

Описание элементов

Каждому элементу можно добавить подробное описание. Выделите элемент и откройте правую панель подробностей (иконка в правом верхнем углу редактора или двойной клик по элементу).

В панели доступны:

  • Название — краткое имя элемента (отображается на диаграмме).

  • HTML-описание — подробная инструкция, регламент, ссылки. Поддерживает форматирование: жирный, курсив, списки, ссылки.

  • Внешняя ссылка — URL на внешний документ, инструкцию, форму.

  • Ответственный — назначить исполнителя из команды.

Описания не видны на самой диаграмме, но доступны при клике на элемент. Это удобно для регламентов: диаграмма остаётся чистой, а детали — внутри элементов.

Оформление диаграммы

Цвета. Выделите один или несколько элементов, затем нажмите иконку цвета в верхнем меню. Цветовая маркировка помогает визуально разделить этапы: например, зелёный — автоматические задачи, синий — ручные, красный — точки контроля.

Авто-нумерация. Кнопка в верхнем меню автоматически пронумерует все элементы в порядке потока. Удобно для регламентов и инструкций, где нужна ссылка на «шаг 5» или «задачу 12».

Масштаб и навигация. Используйте колёсико мыши для масштабирования, зажмите среднюю кнопку мыши или пробел для перемещения по холсту. В верхнем меню есть кнопка миникарты —


она показывает общий вид диаграммы и помогает быстро перемещаться по большим процессам.

Проверка диаграммы

Нажмите кнопку проверки (галочка в верхнем меню), чтобы найти ошибки нотации. Валидатор покажет:

  • Незамкнутые шлюзы (развилка без сборки).

  • Элементы без входящих или исходящих стрелок.

  • Отсутствие конечного события.

  • Другие нарушения правил BPMN.

Кликните на ошибку в списке — редактор подсветит проблемный элемент. Исправьте и проверьте снова.

Сохранение и экспорт

Нажмите Ctrl+S или кнопку «Сохранить» в меню действий (левый верхний угол). Каждое сохранение создаёт версию — вы всегда можете вернуться к предыдущему состоянию через


историю версий.


Для экспорта откройте меню действий → Скачать и выберите формат:

  • PNG — картинка для презентаций и документов.

  • SVG — векторное изображение (масштабируется без потери качества).

  • PDF — для печати и согласования.

  • BPMN — стандартный формат для обмена с другими BPMN-инструментами.

  • DOCX (регламент) — автоматическая генерация текстового регламента по диаграмме.

Совместная работа

Чтобы дать доступ коллегам к диаграмме, откройте меню действий → Поделиться. Введите email коллеги и выберите уровень доступа:

  • Просмотр — только просмотр, без редактирования.

  • Редактирование — полный доступ к изменению диаграммы.

  • Комментирование — просмотр и добавление комментариев.

Также можно создать анонимную ссылку для просмотра — она не требует регистрации. Подходит для согласования с внешними участниками.

Горячие клавиши

Основные сочетания для быстрой работы:

  • Ctrl+S — сохранить диаграмму.

  • Ctrl+Z — отменить последнее действие.

  • Ctrl+Y — повторить отменённое действие.

  • Ctrl+C / Ctrl+V — копировать и вставить элементы.

  • Delete — удалить выделенный элемент.

  • Пробел + перетаскивание — перемещение по холсту.

  • Ctrl + колёсико мыши — масштабирование.

Полный список горячих клавиш доступен через кнопку «?» в верхнем меню редактора.

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

В: Как добавить элемент определённого типа, если его нет в контекстном меню?
О: В контекстном меню отображаются базовые элементы. Для выбора конкретного типа (например, Timer Event или Signal Event) добавьте базовый элемент, затем нажмите иконку гаечного ключа и выберите нужный подтип.

В: Как переместить элемент из одной дорожки в другую?
О: Просто перетащите элемент мышью на нужную дорожку. Стрелки сохранятся автоматически.

В: Как провести пунктирную стрелку (Message Flow) между пулами?
О: Наведите курсор на край элемента в одном пуле, зажмите и протяните к элементу в другом пуле. Редактор автоматически создаст Message Flow (пунктирная линия), потому что Sequence Flow между пулами невозможен по правилам BPMN.

В: Можно ли отменить все изменения и вернуться к предыдущей версии?
О: Да. Откройте историю версий через меню действий. Выберите нужную версию и восстановите её. Текущая версия при этом сохранится в истории.

В: Как добавить промежуточное событие на границу задачи (Boundary Event)?
О: Перетащите промежуточное событие из левой палитры прямо на границу задачи. Событие «прилипнет» к краю. Затем через гаечный ключ выберите тип: таймер, ошибка, сигнал и другие.