Как сохранить draw io на гугл диск

Обновлено: 04.07.2024

Если вдруг ещё не встречали, то вот сохраните обязательно бесплатный и классный инструмент для рисования простых схем, диаграмм, прототипов. Называется draw.io.

Работает в браузере, но можно скачать приложение для macOS или Windows.

Если вы вдруг только что вышли из комы, в которой находились 15 лет, обратите внимание на "новинку": draw.io

ну я например не знал об этом инструменте, а иногда бывает нужно что-то подобное

ух какой злобный

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

MIRO (ex Realtimeboard) - наше все))

Стоил бы еще подешевле.

Часто и очень активно использую plantuml. Есть множество плагинов, даже и для markdown, ну а в какой-нибудь TeX вставляется как svg. Можно даже в gist диаграмы рисовать.

PlantUML использовать случай синтаксиса диаграмм: Вы можете иметь прецеденты, актеры, расширения…

А напишите тоже заметку в «Находках», чтобы все увидели и воспользовались!

Буквально несколько дней назад в многолетних поисках аналога visio набрёл (в 10й раз) на draw.io. Каково же было удивление найти оффлайн-версию. Для несложных схем, планов зданий, опс и видеонаблюдения - самое то. Да ещё и с поддержкой формата visio (кривенькая, но она есть).
В общем остановился таки на этой штуке.

Более интересен тот факт, что в основе инструмента лежит библиотека mxgraph для работы с векторной графикой. Ёе исходный код есть на github. В примерах использования даже имеется интерфейс draw.io. Поэтому, если вам нужно разработать редактор векторной графики, то можно использовать наработки этой команды.

Веб версия Арчи?

Я в нём рисую структурные схемы надёжности. Офигенно удобно.

Не самый удобный все же, но пришлось им пользоваться так как аналоги стали просить денег

А подскажите платные более удобные аналоги которыми пользовались?

да я уж не помню. 5 лет назад было дело

Авито – сайт номер 1 по автотематике в Московском регионе по версии аналитиков «Ашманов и партнеры» в рамках конференции Optimization’21

Пользуюсь картой лояльности давно, практически не было проблем. Но тут столкнулась с вопиющим беспределом.
Перед посещением магазина, заглянула в личный кабинет и обомлела, из 4000 т.р осталось 2. Накануне вечером, кто то использовав мою карту списал почти 1700 т.р. оплатив 2 покупки в Мск, но не в моем районе1226 и 442 руб Позвонила в тех.…

Логотип draw.io

Если включить интеграцию веб-приложения с Google Drive появится возможность одновременного редактирования одной диаграммы. При создании диаграммы выбираем аккаунт в который будет сохранена диаграмма:

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

После выбора шаблона появляется диалог выбора каталога в Google Drive:

Выбор каталога в Google Drive

После создания диаграммы нажмите на кнопку Share в правом верхнем углу:

Кнопка Поделится в draw.io

Диалог открытия Google Drive

В интерфейсе Google Drive в меню выберите пункт Открыть доступ :

Поделится в Google Drive

Установите доступ по ссылке:

Настройка совместного редактирования в Google Drive

Настройка совместного редактирования в Google Drive

Ссылку настраивается: может быть доступен только просмотр или редактирование:

Настройка совместного редактирования в Google Drive

Скопируйте ссылку и перешлите участникам:

Настройка совместного редактирования в Google Drive

Тому кто откроет ссылку понадобится открыть файл через приложение draw.io, если это будет происходить первый раз то приложение запросит разрешение на доступ к Google Drive:

Открытие файла в Google Drive через приложение draw.io

Теперь если один из участников внесет изменения в схему и сохранит диаграмму, то диаграмма обновится у других участников. Обновление происходит с небольшой задержкой, у меня было около секунды. Это не позволяет редактировать одновременно секунда в секунду, но достаточно для того чтобы повысить продуктивность обсуждения.

Как создавать блок-схемы? В статье рассмотрим вопрос пошагово. Кроме этого расскажу, как скачивать и устанавливать программу Draw io, как с ней работать. Благодаря схемам, вы сможете что-то показать людям по инструкции.

Программа Draw io, что это такое

Для работы с Draw io, вам необходимо ее скачать и установить на компьютер. Далее запускаете программу и создаете блок-схему из готовых шаблонов. Эти шаблоны достаточно быстро редактируются – есть удобная панель управления.

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

Как скачать и установить программу Draw io

Чтобы установить утилиту, нажмите по установщику несколько раз левой кнопкой мыши. Далее выберите место сохранения программы и жмите кнопку «Установить».

как создавать блок-схемы

Когда программа установится, нажимаете кнопку «Готово», после чего она должна запуститься.

Как создавать блок схемы в программе Draw io

Как создать блок схемы? Для этого запускаете установленную выше программу и нажимаете кнопку «Создать новую диаграмму».

Программа Draw io

Далее выбираете шаблоны схем слева и нажимаете по кнопке «Создать». Также вы можете добавить имя к файлу в разделе «Имя файла».

Как создавать блок-схемы

После чего будет открыт шаблон схемы, который можно отредактировать.


Для этого достаточно нажать два раза левой кнопкой мыши, например, по квадратику и убрать текст с помощью кнопки «Delete» на клавиатуре, затем напишите свой вариант. Если нужно передвинуть стрелку, по ней так же кликаете левой кнопкой мыши и удерживая клавишу мыши, проводите в нужную сторону.

Что касается дополнительных элементов, можно слева выбрать общие символы и перетащить их в поле программы.


Здесь есть квадраты, круг, стрелки, прямоугольник и другие варианты символов.

Как сохранить блок-схему на компьютер

Когда ваша блок-схема будет готова, ее можно сохранить. Для этого кликните кнопку «Файл» в программе, затем «Экспортировать как».


Выбираете справа формат, например, PNG, JPEG, SVG и так далее. Затем еще раз нажмите «Экспортировать». Далее откроется проводник Виндовс, где нужно выбрать место для сохранения блок-схемы и нажмите «Сохранить». На рабочем столе компьютера схема будет под названием – «Диаграмма без названия».

Есть ли сервис у программы Draw io

Сервис вам пригодится, поскольку эта хорошая возможность не устанавливать программу.

Заключение

Сегодня мы рассмотрели, как создавать блок-схемы с помощью программы Draw io. Она позволит вам быстро отредактировать любые варианты схем. Если вы хотите более умную интеллект карту – можете использовать программу Xmind.


Рассказать читателям просто о сложном — одна из основных задач журналистики. Если вы рассказываете о новых законах, лучше всего подойдут карточки. Если же ваша задача объяснить какой-то простой алгоритм действий, удобнее всего создать пошаговую инструкцию.

О том, как легко и быстро создать разъясняющую картинку, рассказал Юрий Звягинцев, редактор, издатель, медиатренер из России. До этого эксперт рассказал о создании интерактивных фотографий в сервисе ThingLink. «Новый репортёр» собрал гайд по созданию пошаговых инструкций в бесплатном сервисе Draw.io.

Почему стоит развивать этот формат

  • Реальная польза для читателя. Мы действительно помогаем разобраться в каком-то сложном вопросе.
  • Формирует лояльностью аудитории. Люди лояльны к нам, мы лояльны к нашим читателям.
  • Долгоиграющий формат. Особенно если вы придумали хороший, правильный заголовок, который будет соответствовать поисковому запросу.
  • Хорошо индексируется.
  • Возможность брендирования.
  • Вирусный эффект.

Для сложных алгоритмов формат не подходит. Например, вы можете рассказать, как подать налоговую декларацию, но не сможете рассказать, как подать в суд на компанию. Если это простой пошаговый алгоритм — делаем. Если вариативный — не делаем.

Несколько важных правил


Пример удачной пошаговой инструкции из презентации Юрия Звягинцева

  • Тема должна быть важной и актуальной, не нужно делать пошаговые инструкции на то, как самому забить гвоздь, на очевидные вещи.
  • Инструкция должна реально помочь решить проблему.
  • Инструкция должна быть максимально понятной. Минимум сложной лексики.
  • Используем минимально возможный объём текста.
  • Дизайн инструкции должен вписываться в дизайн СМИ.
  • В идеале стиль и дизайн должны соответствовать теме.
  • Проведите фактчекинг и проверьте актуальность данных.
  • Обязательно укажите источник и дайте ссылку.

Распространённые ошибки


Пример неудачной инструкции из презентации Юрия Звягинцева. Вопросы появляются уже с первого пункта: где выбрать свой регион?

  • Неконкретные или вариативные рекомендации. Например, «отнесите пакет документов в органы власти». Какой пакет? В какие органы?
  • В алгоритме действий пропущены важные шаги. То, что очевидно для вас, не всегда очевидно для ваших читателей.
  • В простой формат упакованы сложные алгоритмы.
  • Автор пытается впихнуть невпихуемое.
  • Много лишних элементов и украшательства.
  • На последнем шаге цель не достигнута.

Создаём пошаговую инструкцию в сервисе Draw.io

Интересные и эффективные мультимедийные форматы можно делать без дизайнера.

Читайте также: