Сервис Draw.io: за что его любят и как им пользоваться

Draw.io — это бесплатный онлайн-сервис, который помогает создавать блок-схемы, прототипы, инфографику и диаграммы любого вида. Чаще всего его используют именно для построения диаграмм, поэтому недавно сервис переименовали в Diagrams.net. Но старое название по-прежнему в ходу.

Сервисом пользуются разные IT-специалисты — от бизнес-аналитиков до разработчиков и дизайнеров. Это связано с тем, что у Draw.io много функций: с его помощью можно продумывать даже планировку помещений. Хотя основное назначение — это всё-таки визуализация данных, моделирование процессов и системное проектирование.

● Моделирование бизнес-процессов. Сервис поддерживает различные нотации, в том числе BPMN (Business Process Model and Notation). BPMN — самый распространённый язык моделирования. По сути, с его помощью бизнес-аналитик может визуализировать бизнес-процесс от начала до конца, отразив последовательность шагов и логические ветвления. Например, как выглядит покупка товара или наём сотрудника. Draw.io позволяет делать такие схемы онлайн.

● Создание UML-диаграмм. UML (Unified Modeling Language) — это графический язык, в котором каждому символу и фигуре присвоены конкретные значения. Его разработали, чтобы люди из разных стран и компаний могли одинаково читать схемы. Все необходимые для UML элементы есть в Draw.io: стрелки, таблицы, разные виды многоугольников и кругов.

● Разработка прототипов. Это не самая очевидная функция Draw.io, но сервис позволяет создавать макеты приложений и сайтов. В некоторых компаниях сервис используют даже для разработки чернового дизайна: в нём есть наборы иконок, ползунков, логотипов. Всё это открывает возможности для проектирования. Хотя в целом эта функция не так популярна.

● Создание инфографики. Поскольку в сервисе много встроенных графических элементов, создавать там графики для презентаций легко и удобно. Иногда в Draw.io собирают даже сами презентации, но тут функции сервиса ограничены. Чаще диаграммы и графики переносят в Google Презентацию или PowerPoint. Сервис позволяет сохранять картинки в форматах png и svg.

● Разработка архитектуры приложений и сайтов. Эта функция пересекается с UML, потому что архитектура — это структура работы будущего сервиса. Она описывает, как организованы отдельные компоненты внутри системы, как они взаимодействуют друг с другом, какие свойства имеют. Ещё в сервисе можно строить архитектуру предприятий, для этого в Draw.io есть набор элементов ArchiMate.

● Работа над ментальными картами. Сидеть в Draw.io можно целыми командами: проводить мозговые штурмы, фиксировать их результаты в майндмэпах, а затем строить стратегию продукта или компании. Часто для этого используют альтернативные инструменты, например Miro, но работа в Draw.io строится по тому же принципу.

● Построение диаграммы Ганта. Руководители проектов используют её, чтобы визуализировать поток задач, обозначить зависимости между ними и фиксировать прогресс в ходе работы. При этом в Draw.io есть подсказки и инструкции о том, как сделать диаграмму быстро и аккуратно.

● Проектирование помещений. Это самый необычный способ использования сервиса, но дизайнеры по интерьерам и архитекторы иногда используют Draw.io для создания планов квартир или общественных пространств. В инструментарии для этого есть все необходимые геометрические фигуры и полосы, а рабочее поле размечено.

✅ Draw.io — это бесплатно

У сервиса открытый исходный код. Его разработали, чтобы улучшить жизнь бизнес-аналитиков и всех, кто работает с графическими редакторами. Так что деньги за использование не берут. Можно прямо сейчас зайти в Draw.io: таблицы, инфографика, диаграммы, блок-схемы — все имеющиеся наборы элементов в открытом доступе.

✅ Draw.io интуитивно понятный

Инструкции о том, как пользоваться Draw.io, не нужны. Все инструменты внутри сервиса легко найти и применить. Важнее научиться правильно визуализировать бизнес-процессы, запомнить правила и условные обозначения BPMN.

✅ В сервисе не нужна регистрация

Draw.io не просит почту, телефон, имя и пароль. Достаточно просто указать, где сохранить файл с диаграммой, и больше никаких вопросов. Чтобы зайти на сайт и приступить к работе, нужно 10 секунд.

✅ Draw.io интегрируется с Jira и Confluence

Интеграция платная, но удобная. Документация многих проектов ведётся в Confluence, задачи часто ставятся в Jira. И там, и там зачастую важно визуализировать какую-то информацию или процесс, чтобы лучше донести до читателя главную суть требований или задачи. И плохо, когда схемы и иерархии лежат отдельно или вставлены картинкой: их либо сложно искать, либо невозможно изменить. Draw.io решает эту проблему.

✅ Командный доступ к файлу

Draw.io интегрирован с Google-диском. Если сохранить там схему или диаграмму, с ней можно работать всей командой. Поэтому сервис подходит в том числе для мозговых штурмов: построить майндмэп или провести ретроспективу — здесь возможна любая групповая работа на общем рабочем поле.

✅ Большие наборы элементов

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