Draw io — это мощный браузерный редактор диаграмм, который превращает идеи в наглядные визуальные схемы: блок-схемы, организационные диаграммы, сетевые диаграммы, UML-диаграммы, интеллект-карты и многое другое. Никакой установки, никаких сложностей: перетаскивайте фигуры, прикрепляйте соединители, оформляйте с помощью градиентов и значков, а затем экспортируйте в формате PNG, SVG или PDF. Идеально подходит для быстрого мозгового штурма, визуализации в учебных материалах, технической документации или макетов дизайна игровых уровней.

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

Как играть

1. Начинать: Нажмите Создать новую диаграмму или откройте шаблон (блок-схема, UML, интеллект-карта, сетевая диаграмма).
2. Добавить фигуры: Перетащите фигуры из левой панели на холст.
3. Соединять: Наведите курсор на маркер фигуры и перетащите его на другую фигуру, чтобы автоматически создать соединители.
4. Редактировать текст: Для редактирования подписей дважды щелкните по любой фигуре.
5. Стиль: Используйте правую панель для изменения заливки, обводки, шрифта, размера, выравнивания и тени.
6. Договариваться: Используйте направляющие выравнивания, распределяйте инструменты и слои, чтобы упорядочить макет.
7. Экспорт/Сохранение: Файл → Экспорт в формате PNG / SVG / PDF или сохранение на локальный диск / Google Диск / OneDrive.

Элементы управления

• Щелчок левой кнопкой мыши + перетаскивание: Перемещайте фигуры
• Двойной щелчок: Редактировать текст
• Перетащите фигуру за маркер: Создать коннектор
• Ctrl/Cmd + Z: Отменить
• Ctrl/Cmd + Y / Shift + Ctrl/Cmd + Z: Переделать
• Ctrl/Cmd + C / V: Копировать / Вставить
• Delete / Backspace: Удалить выбранный элемент
• Ctrl/Cmd + A: Выбрать все
• Ctrl/Cmd + G / Shift + Ctrl/Cmd + G: Группа / Негруппа
• Клавиши со стрелками: Выбор подталкивания
• Колесо мыши: Масштабирование (или Ctrl/Cmd + колесико мыши)
• Пробел + перетаскивание: Холст Пана

Функции

• Шаблоны: блок-схемы, UML, ER-диаграммы, интеллект-карты, сетевые карты.
• Интеллектуальные разъемы с ортогональной трассировкой
• Поддержка слоев и группировки для сложных диаграмм
• Экспорт в форматы PNG, SVG, PDF с возможностью прозрачного фона.
• Быстрый рабочий процесс с приоритетом клавиатуры для опытных пользователей.
• Сохранение и загрузка с локального диска, Google Диска, OneDrive, Dropbox.
• Автономный режим (кэширование в браузере) продолжает работать без подключения к интернету.

Советы и рекомендации

• Используйте шаблоны, чтобы быстро начать создавать сложные диаграммы.
• Держать Сдвиг при этом размер изменяется для сохранения пропорций.
• Используйте сетку и привязку для точного выравнивания по пикселям.
• Дублирование фигур с помощью Ctrl/Cmd + D для ускорения работы повторяющихся элементов.
• Используйте слои, чтобы скрыть аннотации или экспортировать упрощенные виды.
• Для презентаций экспортируйте изображение в формате SVG для более четкого масштабирования.