Что такое mermaid?
Mermaid — это текстовый синтаксис для диаграмм: вы описываете узлы и стрелки в нескольких строках, а рендерер рисует картинку. GitHub, GitLab, Notion и Obsidian рендерят его прямо внутри Markdown, поэтому блок mermaid остаётся читаемым в pull request или на странице вики.
Этот редактор mermaid правда бесплатный?
Да. Все функции, включая экспорт в SVG и PNG, бесплатны, и редактором можно пользоваться вообще ничего не создавая. Необязательный бесплатный аккаунт добавляет больше сохранённых схем и синхронизацию между устройствами — платных тарифов нет, ничего не спрятано за оплату.
Нужно ли знать синтаксис mermaid?
Нет. Начните с визуальной вкладки: дважды кликните по холсту, чтобы добавить блок, выделите его и проведите стрелку к другому. Код mermaid сгенерируется сам, а прочитать его и выучить синтаксис можно в любой момент.
Какие типы диаграмм поддерживаются?
Вкладка кода рендерит всё, что поддерживает mermaid — flowchart, sequence, class, state, entity relationship, gantt, git graph, pie и другие. Визуальный холст редактирует именно flowchart — а это большинство диаграмм.
Можно ли экспортировать в PNG или SVG?
Да. Скопируйте разметку SVG в буфер обмена, скачайте файл SVG или скачайте PNG, отрисованный в 2x — для слайдов и документов. Также можно сохранить исходник mermaid как .mmd или как блок Markdown в тройных кавычках.
Где хранится моя диаграмма?
Без аккаунта единственная схема хранится в вашем браузере и остаётся там, когда вы вернётесь на том же устройстве. Если войти, она сохранится в аккаунт и сможет открываться на другом устройстве. Экспортируйте исходник, если хотите собственную копию.
Можно ли вставить готовую диаграмму mermaid?
Да. Вставьте её во вкладку кода — flowchart разберётся обратно на визуальный холст со всеми узлами, формами, цветами и подграфами. Другие типы диаграмм отрисуются в превью, но останутся только в коде.
Работает ли это офлайн?
Отрисовка полностью происходит в браузере, поэтому после загрузки редактор работает и без подключения.