Excalidraw - виртуальная доска для диаграмм и скетчей - 2026

Published: 2026-09-16

Введение

Excalidraw — это свободная, с открытым исходным кодом виртуальная доска (whiteboard) для создания диаграмм, скетчей, вайрфреймов и быстрых набросков в браузере. Главная отличительная особенность сервиса — характерный «рисованный» стиль линий от руки (hand-drawn style), который делает даже самые сырые технические наброски визуально привлекательными и снижает «порог входа» для того, чтобы поделиться черновиком с коллегами. Инструмент работает прямо в веб-браузере без регистрации и установки аккаунта: достаточно открыть excalidraw.com и начать рисовать.

За шесть с половиной лет своего существования проект превратился из личного эксперимента одного инженера в один из самых популярных инструментов для быстрого визуального мышления среди разработчиков, дизайнеров, аналитиков и менеджеров. Репозиторий проекта на GitHub набрал более ста тридцати тысяч звёзд, а npm-пакет @excalidraw/excalidraw скачивается около двух миллионов раз в месяц. Экосистема включает плагины для Obsidian и Visual Studio Code, интеграции в Notion и Replit, каталог готовых библиотек фигур, пару десятков вспомогательных npm-пакетов и коммерческую платформу Excalidraw+ для команд.

В этой статье подробно разобраны: история проекта и причины его взрывного роста, архитектура и технологии, полный набор инструментов редактора, форматы экспорта, механизм совместной работы с end-to-end шифрованием, генеративный искусственный интеллект, Mermaid-диаграммы, библиотеки фигур, презентации, способ встраивания редактора в собственные приложения через React-компонент, коммерческий тариф Excalidraw+, безопасность и соответствие требованиям SOC 2, открытый API и протокол MCP, подробное сравнение с конкурентами, ограничения инструмента и список проверенных источников.

Что такое Excalidraw

С технической точки зрения Excalidraw — это виртуальная доска на бесконечном холсте (infinite canvas), на котором пользователь размещает геометрические фигуры, линии, стрелки, текст, свободно нарисованные штрихи, изображения и встраиваемые объекты. Всё это оформлено в стиле «нарисовано от руки»: линии слегка «дрожат», углы фигур скруглены, стрелки имеют характерные рукописные наконечники. Такой стиль достигается не случайностью, а специальной библиотекой рендеринга, о которой подробнее рассказано в разделе про архитектуру.

Excalidraw является одновременно и готовым бесплатным сервисом на excalidraw.com, и библиотекой для разработчиков. Оба этих слоя живут в одном монорепозитории github.com/excalidraw/excalidraw. Сам сайт excalidraw.com — это фактически демонстрационная обёртка (показательный пример) поверх npm-пакета, показывающая, что можно построить на основе встраиваемого редактора: поддержку офлайн-режима как прогрессивного веб-приложения (PWA), алгоритмы совместной работы, сквозное шифрование, сохранение сцен локально в браузере и возможность делиться read-only ссылками.

Позиционирование продукта можно описать тремя словами из официального слогана: «Создавай, сотрудничай, делись» (Ideate, Collaborate, Share). Инструмент создан так, чтобы между мыслью автора и первым штрихом на холсте проходило как можно меньше времени — нет мастеров создания аккаунта, нет обязательной настройки, нет обучения. Пользователь видит холст и палитру инструментов сразу.

С точки зрения моделей использования выделяют несколько типичных сценариев:

Быстрые технические эскизы: архитектурные схемы, блок-схемы алгоритмов, ER-диаграммы, диаграммы последовательностей.
Вайрфреймы интерфейсов: грубый скелет веб-страницы или мобильного приложения до перехода в дизайн-инструменты.
Совещания и мозговые штурмы: обсуждение идей на общей доске с участниками в реальном времени.
Интервью и обучение: объяснение концепций с помощью нарисованных диаграмм.
Презентации: слайды собираются из специальных фреймов, и по ним можно вести живой показ.
Прототипирование решений: визуальные макеты для согласования с командой до написания кода.

История проекта и причины его популярности

Создание и первый взрыв интереса

Excalidraw был создан 1 января 2020 года Кристофером Шедо (Christopher Chedeau), известным в сообществе как Vjeux — инженером компании Meta Platforms, одним из соавторов React Native и Prettier. За основу была взята идея инструмента Zwibbler, которым Vjeux пользовался около десяти лет для создания рукописных диаграмм к своим статьям в блоге. Он считал, что инструмент недооценён и заслуживает более широкого распространения.

Первая версия была собрана всего за несколько часов на связке React, библиотеки Rough (для рукописного стиля) и CodeSandbox — во многом в качестве «прокрастинации» перед написанием ежегодных ревью эффективности. Домен excalidraw.com был зарегистрирован 3 января 2020 года, а в тот же день, 3 января 2020 года, был смержен pull-запрос, переименовавший проект из рабочего имени Excalibur в финальное Excalidraw.

Проект буквально «взорвал» интернет в первые же недели. В своём ретроспективном посте «Reflections on Excalidraw» автор сообщил, что за первые две недели сервис получил 12 000 уникальных активных пользователей, 1 500 звёзд на GitHub и 26 контрибьюторов, которые написали реальный рабочий код. Ключевыми факторами такого роста стали:

Чёткое ценностное предложение: готовый инструмент решал реальную давнюю боль — быстрые рукописные диаграммы для блогов и рабочих документов.
Личная аудитория автора в Твиттере: видео прогресса разработки набрали широкую огласку за считанные часы.
Продуманная работа с сообществом: создатель мгновенно отвечал на pull-запросы (в идеале быстрее десяти минут), выдавал права коммита всем, кто получил влитый PR, и вливал даже неидеальные PR, чтобы потом дорабатывать их самому.
Подход «пустой холст»: минимализм без обязательного логина и приветственных окон позволял любому посетителю сразу начать рисовать.

Путь к коммерческой компании

К началу 2021 года повседневная разработка проекта перешла к чешским разработчикам Давиду Лузару (David Luzar, ник dwelle) и Милошу Ветешнику (Milos Vetesnik). В мае 2021 года команда учредила компанию Excalidraw s.r.o. в чешском городе Брно и запустила коммерческую облачную версию Excalidraw+, чтобы финансировать развитие открытого проекта. С тех пор бесплатный редактор остаётся полностью открытым и бесплатным, а платные функции (облачное хранилище сцен, презентации, голосовые комнаты, расширенные права доступа) продаются отдельно.

На момент поведения проверки (сентябрь 2026 года) основной репозиторий на GitHub имеет порядка 132 000 звёзд, более 15 000 форков, свыше 4 000 коммитов и около 370 контрибьюторов. Лидером по числу коммитов остаётся dwelle. Актуальная стабильная версия npm-пакета @excalidraw/excalidraw — 0.18.1, вышедшая 21 апреля 2026 года.

Роль сообщества

История Excalidraw — классический пример того, как открытый исходный код превращает сложную проблему «сделать всем удобный бесконечный холст» в распределённую командную работу. Многие значимые функции появились именно благодаря внешним контрибьюторам: от включения новых языков перевода через Crowdin (публикация переводов начинается при достижении порога 85% готовности) до компонентов интерфейса и новых инструментов рисования. Проект активно принимает pull-запросы, публикует открытую дорожную карту на GitHub-проекте и поддерживает Discord-сообщество.

Технологии и архитектура

Стек технологий

Excalidraw — это современное веб-приложение на TypeScript и React. Монорепозиторий организован через Yarn workspaces и включает несколько пакетов:

excalidraw-app — веб-приложение, которое работает на excalidraw.com и включает функции коллаборации, облачные сцены и презентации.
packages/excalidraw — основной встраиваемый React-компонент, публикуемый в npm как @excalidraw/excalidraw.
packages/utils — вспомогательные утилиты (@excalidraw/utils) для работы с файлами, изображениями и сериализацией.
packages/laser-pointer — реализация лазерной указки для презентаций (@excalidraw/laser-pointer).
packages/mermaid-to-excalidraw — парсер диаграмм Mermaid в сцену Excalidraw.
packages/math, packages/fractional-indexing, packages/common, packages/element — внутренние библиотеки геометрии, индексации элементов, общих типов и модели данных.
dev-docs — сайт документации на базе Docusaurus.
firebase-project — конфигурация деплоя приложения.
examples — примеры интеграции, в том числе с Next.js и «в браузере без бандлера».

Используемые технологии и инструменты разработки: TypeScript 5.9, React 19, Vite 5, Vitest для тестирования, Vite-плагин для PWA, husky и lint-staged для форматирования кода. В приложении используются Jotai для управления состоянием, стрелочная графика на базе библиотек Rough и perfect-freehand, а также вспомогательные библиотеки для сжатия изображений (pica), генерации случайных имён и так далее.

Как достигается стиль «от руки»

Ключевую роль в фирменном стиле играет библиотека Rough.js — графическая библиотека на JavaScript, которая берёт идеальные векторные пути (прямоугольник, окружность, линия) и «портит» их лёгкими случайными смещениями, имитируя неровный штрих карандаша. Дополнительно используется библиотека perfect-freehand, которая сглаживает свободно нарисованные штрихи и делает их похожими на живые рукописные линии, адаптируя толщину штриха к скорости движения мыши (переменная толщина линий).

Такое сочетание даёт узнаваемую эстетику: фигуры выглядят нарисованными от руки, но при этом остаются редактируемыми векторными объектами. Это принципиально отличает Excalidraw от инструментов, которые просто рисуют растровые штрихи.

Рендеринг и формат файла

Сцена отрисовывается на HTML5-canvas, все элементы имеют координаты x, y, размеры и набор свойств (цвет обводки, заливка, прозрачность, шрифт, стиль стрелки и так далее). У каждого элемента есть уникальный идентификатор, а порядок элементов в массиве определяет их взаимное расположение (глубину). Внутри фреймов действует особое правило: сначала в массиве должны идти дети фрейма, затем сам фрейм — иначе съезжает обрезка (clipping). На такой порядок опирается и рендерер при оптимизациях.

Формат файла .excalidraw — это обычный JSON с понятной структурой. Файл хранит четыре больших блока:

type — строка "excalidraw", идентифицирующая формат;
version — номер версии схемы данных;
source — строка с источником, например "https://excalidraw.com";
elements — массив объектов-элементов (фигуры, текст, стрелки и так далее);
appState — состояние приложения: настройки сетки, цвет фона холста, тёмная тема и прочие параметры;
files — хранение встроенных изображений: каждое изображение лежит как dataURL со своим идентификатором, MIME-типом и временем создания.

Также существует формат обмена через буфер обмена, который имеет тип "excalidraw/clipboard" и содержит только elements и files. Открытость формата позволяет легко переносить сцены между приложениями, обрабатывать их скриптами и встраивать в другие системы.

Прогрессивное веб-приложение (PWA)

excalidraw.com — полноценное PWA: его можно «установить» на рабочий стол, оно работает офлайн и автоматически сохраняет текущую сцену в локальное хранилище браузера (IndexedDB). Это даёт поведение, близкое к десктопному приложению: состояние не теряется при разрыве соединения, а файлы можно открывать через нативный диалог благодаря File System Access API и копировать изображения в буфер обмена через Clipboard API. Команда Google в своё время опубликовала технический разбор Excalidraw как эталонного примера использования продвинутых возможностей веб-платформы (так называемый проект Fugu).

Инструменты и возможности редактора

Основа: бесконечный холст и управление

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

Полный набор основных инструментов приведён в таблице.

Инструмент	Назначение
Выделение	Выбор и перемещение одного или нескольких элементов, изменение размеров и поворот
Прямоугольник	Фигура с настраиваемой обводкой и заливкой
Эллипс	Окружность и овал
Ромб	Фигура для блок-схем и диаграмм решений
Стрелка	Направленная линия с наконечником; поддерживает привязку к фигурам и подписывание
Линия	Прямая или изогнутая линия без наконечника
Свободный рисунок	Рисование произвольных штрихов, включая режим постоянной толщины пера
Текст	Ввод текстовых блоков с выбором шрифта и форматированием
Изображение	Вставка картинок из файла, буфера или по URL
Ластик	Удаление элементов или их частей; существуют режимы ластика для отдельных типов элементов
Лазерная указка	Временная подсветка участков холста при презентации
Ведро с краской	Мгновенная заливка замкнутых областей и фигур цветом (Bucket Fill)
Фрейм	Область, объединяющая элементы в «слайд» для презентаций или структурирования сцены
Ручка	Рисование с переменной шириной штриха, похожее на перо или маркер

Каждый элемент можно стилизовать: менять цвет обводки и заливки, толщину линии, тип вспомогательных элементов (сплошная/пунктирная линия, волнистая), прозрачность, шрифт текста, стиль наконечников стрелок и так далее. Палитра цветов включает набор выразительных оттенков из палитры Open Color, а тёмная тема автоматически корректно перекрашивает элементы.

Стрелки и привязка

Одни из самых мощных функций — привязка стрелок к фигурам (arrow binding) и подписывание стрелок текстом. Если перетащить стрелку на фигуру, она «прилипнет» к её краю и будет следовать за ней при перемещении фигуры. Двойной щелчок по стрелке переключает наконечники, а текстовые метки можно привязывать к концам стрелок. Существуют промежуточные точки привязки (binding midpoints), которые помогают точно настроить соединения, включая «локтевые» стрелки (elbow arrows) — ломаные линии с прямыми углами, широко используемые в блок-схемах. Возможность автоматической привязки стрелок можно отключить в настройках под индивидуальный стиль рисования.

Текст и шрифты

Текстовые элементы поддерживают привычное форматирование: жирный, курсив, подчёркивание, выравнивание, маркированные и нумерованные списки внутри текстового блока. Щелчок по уже выбранному тексту ставит курсор точно в место клика, что делает быстрое редактирование удобным. Используются встроенные шрифты:

Excalifont — фирменный «рукописный» шрифт Excalidraw;
Nunito — обычный аккуратный шрифт;
шрифт для моноширинного кода.

В версии для Obsidian количество доступных шрифтов расширяется за счёт подключения собственных, а на excalidraw.com пользователь может подключать свои шрифты через параметры. В августе 2026 года было значительно улучшено отображение китайских, японских и корейских (CJK) символов во всех семействах шрифтов вместе с появлением рукописного шрифта с поддержкой CJK в Excalifont.

Художественные и вспомогательные инструменты

Отдельной группой возможностей являются инструменты точного редактирования:

Обрезка изображений прямо внутри холста;
Группировка элементов и выделение целых групп;
Блокировка элементов от случайных правок;
Выравнивание и распределение множества элементов;
Режим зен при полном погружении в рисунок;
Режим просмотра (view mode) без элементов управления;
Быстрая заливка замкнутых областей ведром;
Автоматическое превращение свободного наброска в идеальную фигуру (Autoshape, хоткей Shift+X) — направление, введённое в июле 2026 года;
Пипетка цвета для точного подбора оттенков;
Переменная ширина пера — «постоянная ширина» и классический режим.

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

Как начать работу: быстрое руководство

Несмотря на минимализм интерфейса, новичку полезно знать несколько приёмов, которые сразу делают работу комфортной.

Первые тридцать секунд

Откройте excalidraw.com в браузере. Никакой регистрации и мастеров настройки нет — вы сразу видите холст.
Выберите инструмент на левой панели (например, прямоугольник) и нарисуйте фигуру на холсте. У фигуры появятся синие маркеры изменений размера и поворота.
Выберите инструмент текста и кликните в любом месте холста — появится текстовый блок. Введите надпись.
Пользуйтесь инструментом стрелки, чтобы связать фигуры. При перетаскивании стрелок на другую фигуру они «прилипают» к ней.
Нажмите Ctrl/Cmd+S или выберите «Сохранить» в меню — сцена сохранится локально в браузере, а через «Экспорт» получите PNG или SVG.

Ключевые настройки, которые стоит включить сразу

Сетка и прилипание — помогают ровнее располагать элементы.
Тёмная тема — если работаете вечером или готовите схемы с тёмным фоном.
Автосохранение — в бесплатной версии сцена автоматически сохраняется в локальном хранилище.
Режим «рука» (перенос холста) — удобная навигация по большим сценам.
Голосовая ввод текста — настольная система ввода, доступная на узнаваемой кнопке текстового блока (в зависимости от операционной системы).

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

Приведём наиболее употребительные сочетания клавиш.

Действие	Клавиша
Выделение	V (или 1)
Прямоугольник	R (или 2)
Эллипс	O (или 4)
Ромб	D (или 3)
Стрелка	A (или 5)
Линия	L (или 6)
Свободный рисунок	P (или 7)
Текст	T (или 8)
Вставка изображения	9
Ластик	E (или 0)
Инструмент «фрейм»	F
Лазерная указка	K
Рука (перенос холста)	H, либо удержание пробела и перетаскивание
Зум	Ctrl/Cmd++ и Ctrl/Cmd+-, Ctrl/Cmd+0 — сброс, Shift+1 — весь холст
Отменить / Повторить	Ctrl/Cmd+Z / Ctrl/Cmd+Shift+Z (Ctrl/Cmd+Y — вариант)
Копировать / Вставить	Ctrl/Cmd+C / Ctrl/Cmd+V
Дублировать	Ctrl/Cmd+D (или Alt+перетаскивание)
Выделить всё	Ctrl/Cmd+A
Группировать / Разгруппировать	Ctrl/Cmd+G / Ctrl/Cmd+Shift+G
Показать сетку	Ctrl/Cmd+'
Зен-режим	Alt+Z
Смена темы	Alt+Shift+D
Справка по клавишам	?

Перечисленные сочетания являются общепринятыми в редакторе и отображаются во встроенном справочнике по клавишам (клавиша ?), а точные назначения отдельных кнопок инструментов можно проверить в актуальной справке приложения. Обратите внимание, что отдельные цифровые назначения инструментов (например, 2, 5, 8) упоминаются и в официальных материалах по вайрфреймингу.

Советы по качеству этих скетчей

Старайтесь задавать отступы между элементами равными размерам сетки — диаграмма выглядит опрятнее.
Используйте цвет заливки точечно: один акцентный цвет лучше пестроты.
Подписывайте стрелки: короткие подписи радикально ускоряют понимание схемы другими людьми.
Используйте «выравнивание» и «распределение» для групп элементов — это панель свойств справа при выделении нескольких фигур.
Не бойтесь эмодзи в тексте: они отображаются корректно и помогают быстрее считывать смысл.

Фреймы, группы и структурирование сцены

При работе со сложными схемами важно уметь структурировать сцену:

Группировка (Ctrl/Cmd+G) объединяет несколько элементов в единую сущность: её можно перемещать, масштабировать и выравнивать как одно целое, не «разваливая» внутреннюю структуру. Группы можно вкладывать друг в друга.
Фреймы (Frame) — прямоугольные области, которые «объединяют» элементы, попавшие внутрь них. Фреймы используются для слайдов презентаций, для разбиения больших сцен на логические блоки и для ограничения области экспорта. Существует и режим, когда фрейм «оборачивает» уже нарисованные элементы (wrap in frame).
Порядок элементов (z-order) управляется клавишами отправки на задний план/вперёд; это важно при наложении фигур.
Блокировка элементов (lock) защищает отдельные части схемы от случайных правок во время совместной работы.
Ссылки на элементы и фреймы (в Excalidraw+) дают возможность быстрой навигации по большой доске и построения «живых» перекрёстных ссылок между разными сценами.

Правильная иерархия фреймов особенно важна при генерации презентаций и при программной обработке сцены через API: элементы, лежащие «вне» всех фреймов, часто трактуются отдельно.

Встраивание в веб-страницы и iframe

Существует несколько способов показать диаграмму Excalidraw на своём сайте:

Read-only ссылка: в Excalidraw+ можно создать ссылку для чтения (read-only link) и вставить её в iframe на любой сторонней странице. Зритель видит интерактивную диаграмму без прав редактирования.
Эмбед ссылки: специальный формат, который показывает только содержимое сцены, без интерфейса редактора.
Встраивание редактора: полноценный редактор встраивается через React-компонент @excalidraw/excalidraw в собственное веб-приложение (подробнее в разделе об интеграции).
Экспорт: готовая диаграмма выкачивается как PNG или SVG и вставляется в статью, блог, документацию или базу знаний как обычное изображение.

Для веб-мастеров и авторов документации отсутствие необходимости хранить картинки отдельно — большое преимущество: .excalidraw-файл можно держать в репозитории вместе с кодом, а SVG-экспорт автоматически генерировать при сборке.

Сообщество, переводы и развитие

Прозрачность разработки

Разработка Excalidraw ведётся открыто: весомые изменения обсуждаются в GitHub Issues и Pull Requests, есть публичная дорожная карта в GitHub Projects, а для обсуждения вопросов интеграции пакета существует раздел Discussions. Мейнтейнеры поощряют внешние контрибуции: pull-запросы с тегами feat, fix, docs, style, refactor, perf, test, build, ci, chore и revert принимаются, автотесты прогоняются для каждого PR.

Переводы

Интерфейс переведён на десятки языков, включая русский. Переводы ведутся через платформу Crowdin: каждый язык публикуется в релиз после достижения определённого уровня готовности (по умолчанию 85%). Это позволяет сообществу самостоятельно поддерживать актуальность локализации.

Discord и поддержка

Официальный Discord-сервер (ссылка есть в шапке репозитория и на сайтах проекта) — основная площадка для живого общения команды и пользователей. Там публикуют анонсы релизов, обсуждают фичи и помогают с вопросами по встраиванию. Для пользователей Excalidraw+ существует также канал поддержки по почте.

Дорожная карта

Среди направлений, которые команда анонсировала в 2025–2026 годах: более глубокая локализация (почти доведена до публичного релиза для Excalidraw+), рабочие библиотеки для команд, поиск по библиотекам, расширенная автоматизация через Public API и MCP, корпоративные функции (Enterprise) — логи аудита уже доступны частично, а также развитие моделей AI и экспорта. Направление «документация internals редактора» тоже в планах: раздел Editor официально помечен как IN PROGRESS.

Экспорт и форматы сохранения

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

Основные форматы экспорта

PNG — растровое изображение с настраиваемым масштабом, качеством, фоном и отступами; доступен выбор прозрачного фона и тёмной темы.
SVG — векторный формат, который идеально масштабируется и встраивается в статьи, документацию и веб-страницы.
Буфер обмена — копирование выделенного или всей сцены как PNG, SVG или JSON для мгновенной вставки в другие приложения.
Файл .excalidraw — полное сохранение сцены в открытом JSON-формате, которое можно потом открыть снова в Excalidraw или обрабатывать программно.
PDF и PPTX — экспорт в документы для печати и презентации доступен в платном тарифе Excalidraw+.

Экспорт сопровождается тонкой настройкой: можно указать, включать ли фон, экспортировать ли в тёмной теме, встраивать ли данные сцены прямо в изображение (экспорт с «впаянной» сценой — embed scene), чтобы файл оставался редактируемым даже при повторном открытии изображения. В версии Excalidraw+ высокопроизводительный движок экспорта обеспечивает быструю отрисовку PNG в высоком разрешении, а также корректные PDF- и PPTX-документы, в том числе для текста справа налево (RTL) и сложных эмодзи.

Формат, понятный программисту

Поскольку .excalidraw — это обычный JSON, схемы легко читать скриптами. Например, автоматизированные конвейеры могут принимать сцену, перебирать elements, менять координаты и стили и сохранять файл обратно. В документации официально описан JSON-схемный формат элемента, что делает Excalidraw удобной мишенью для интеграций и экспорта в сторонние системы.

Совместная работа и сквозное шифрование

Модель совместной работы

Совместная работа в реальном времени — одна из центральных функций сервиса. Передача данных между участниками происходит через ретрансляционный сервер на базе Socket.IO и сокетное соединение. На бесплатном сервисе excalidraw.com достаточно отправить ссылку-приглашение, и все, у кого есть ссылка, входят в «комнату» совместного редактирования. В платной версии добавлены более тонкие права доступа: можно делиться ссылкой с правами на просмотр или редактирование, управлять доступом для отдельных гостей, а также создавать «гостевые» ссылки для внешних участников.

Как работает end-to-end шифрование (E2EE)

Принципиальное свойство бесплатного сервиса — сквозное шифрование данных. Оно устроено следующим образом:

На клиенте (в браузере участника) генерируется симметричный ключ шифрования AES.
Ключ добавляется к ссылке-приглашению как фрагмент URL после символа "#".
Веб-браузеры не передают фрагмент URL на сервер, поэтому сам ретрансляционный сервер не видит ключ шифрования и не может прочитать данные комнаты.
Все изменения сцены шифруются на клиенте и расшифровываются только у участников, у которых есть ссылка с ключом.

Технически используется нативный Web Cryptography API браузера. Это означает, что даже инфраструктура Excalidraw не имеет доступа к содержимому вашей доски: с точки зрения сервиса это просто непрозрачный поток зашифрованных байтов. Важно отметить: команда Excalidraw честно предупреждает, что полная аудиторская гарантия отсутствует (алгоритмы не проходили независимый аудит), и рекомендует не хранить в E2EE-комнатах без аккаунта особо чувствительные данные, полагаясь на это свойство как на дополнительную защиту.

Коллаборация в собственном приложении

Для разработчиков важно понимать: встраиваемый npm-пакет @excalidraw/excalidraw не содержит готовую реализацию коллаборации. Пакет даёт только API и хуки, а механизм синхронизации каждый разработчик строит сам поверх них. В документации рекомендуется для удалённых обновлений использовать метод updateScene с опцией captureUpdate: captureUpdateAction.NEVER, чтобы чужие изменения не попадали в собственную историю отмены/повтора, а также функции restoreElements с параметрами refreshDimensions: false и repairBindings для «плотных циклов» синхронизации. Публично доступен эталонный сервер коллаборации excalidraw-room (github.com/excalidraw/excalidraw-room) — простой пример сокетной relay-комнаты на Socket.IO с MIT-лицензией, который можно развернуть самостоятельно.

Презентации и живой показ

В платной версии фреймы превращаются в слайды презентаций. Функции презентаций активно развивались в течение 2025–2026 годов:

Создание слайдов из фреймов и готовые шаблоны слайдов с тегами.
Проживое проведение презентаций управлением с телефона по QR-коду.
Режим докладчика (presenter view) и заметки докладчика с автоскроллом к слайду.
Интерактивные реакции участников и очередь «поднятой руки».
Комната ожидания для гостей перед показом.
Лазерная указка и синхронизация просмотра всех участников с ведущим (функция Spotlight Me).
Встраивание YouTube-видео с синхронизацией воспроизведения для всех участников.
Экспорт сделанных презентаций в PPTX и PDF.

Генеративный искусственный интеллект

Текст в диаграмму (Text to Diagram)

Начиная с декабря 2023 года Excalidraw предлагает генеративные AI-функции. Основная из них — «текст в диаграмму»: пользователь описывает словами, что хочет нарисовать, и AI создаёт готовую схему прямо на холсте, которую потом можно редактировать как обычные элементы. Генерация работает как через чат-интерфейс, так и через прямое редактирование уже существующей сцены. На бесплатном сервисе эта функция имеет лимитированное количество использований, в платном тарифе — расширенную квоту.

Вайрфрейм в код (Wireframe to Code)

Вторая заметная AI-функция — преобразование вайрфрейма в исходный код интерфейса. Пользователь рисует на холсте грубый макет (рамки кнопок, поля ввода, изображения), затем даёт команду «превратить в код», и сервис генерирует интерактивный прототип с HTML/CSS-разметкой, который можно копировать или запустить в режиме презентации. Особенность реализации 2025–2026 годов — отсутствие отдельного поля для промпта: инструкции пишутся прямо на холсте внутри специальной AI-рамки, после чего выбирается набор вайрфреймов и запускается генерация. Кнопки «copy code» позволяют забрать результат наружу.

Модели и настройка AI

AI-функционал построен на интеграции с внешними большими языковыми моделями. По умолчанию используется встроенная конфигурация сервиса, при этом:

Можно подключать собственные ключи API (BYOK) популярных провайдеров — OpenAI, Claude (Anthropic), Gemini (Google) и OpenRouter, чтобы использовать предпочитаемые модели и контролировать расходы.
В августе 2026 года добавлена поддержка новых моделей, включая Grok-4.6 и последние версии Gemini, а AI-ответы начали стримиться прямо на холст в реальном времени.
Администраторы рабочих пространств могут включать и отключать генеративный AI для всей команды и гибко настраивать доступ.

Mermaid в Excalidraw

Отдельная и очень важная интеграция — поддержка диаграмм Mermaid, популярного текстового языка описания диаграмм. Проект включает npm-пакет @excalidraw/mermaid-to-excalidraw, который преобразует Mermaid-синтаксис в полноценную векторную сцену Excalidraw:

Полная поддержка диаграмм потока управления (flowchart): прямоугольники, окружности, ромбы, стрелки и подграфы конвертируются в редактируемые элементы.
Типы диаграмм, которые парсер не умеет разбирать (например, ER-диаграммы, gitGraph, диаграммы последовательностей), рендерятся как изображение SVG, встроенное в сцену, — данные не теряются, но редактировать их поэлементно нельзя.
В марте 2026 года в Excalidraw+ добавили отдельные редакторы Mermaid-кода и поддержку диаграмм состояния (State Diagrams) и ER-диаграмм внутри редактора.
Онлайн-песочницу для проверки конвертации можно найти по адресу mermaid-to-excalidraw.vercel.app.

Mermaid — ключевая «приманка» для разработчиков, потому что многие из них уже хранят диаграммы в текстовом виде в репозиториях, и Excalidraw позволяет превратить их в красивые редактируемые canvas-сцены.

Библиотеки фигур

Что такое библиотеки

Библиотеки фигур (shape libraries) — это коллекции готовых объектов (иконки, стрелки, специфические фигуры для UML, сетевых схем и так далее), которые устанавливаются в редактор и расширяют стартовый набор инструментов. Каждая библиотека сериализуется в собственный формат .excalidrawlib (JSON) и включает название, описание, авторов, превью и версию.

Каталог библиотек

Публичный каталог доступен на libraries.excalidraw.com. Все библиотеки распространяются под лицензией MIT. Пользователь может одним кликом добавить библиотеку в свой редактор или скачать файл .excalidrawlib для офлайн-использования. Примеры популярных библиотек: наборы иконок, фигуры для диаграмм баз данных, роботы, многоугольники, звёзды и так далее. В платном тарифе существует личная библиотека (сохраняется на сервере), а вскоре должны появиться рабочие библиотеки для команд и поиск по ним.

Свой вклад в каталог может внести любой желающий: библиотека публикуется через pull-запрос в репозиторий excalidraw/excalidraw-libs. Существует также способ быстро поделиться библиотекой через ссылку с хешем #addLibrary в URL.

Интеграции и экосистема

Экосистема Excalidraw — одна из самых развитых среди open-source whiteboard-инструментов. Ниже приведены основные точки интеграции.

Obsidian (плагин)

Плагин obsidian-excalidraw-plugin (автор Zsolt Viczián) превращает Obsidian в полноценную среду визуального мышления. Он имеет около 7,6 тысячи звёзд на GitHub и крайне богатый функционал:

Хранение и редактирование файлов .excalidraw прямо в vault'е Obsidian;
Встраивание рисунков в markdown-документы с настраиваемыми размерами и выравниванием;
Скриптовый движок (Script Engine) с макросами и установкой скриптов из каталога;
Автоматический экспорт SVG/PNG и синхронизация с версиями документов;
Поддержка LaTeX-формул, OCR-распознавания текста, кастомных шрифтов и перьев;
Блочные ссылки и транспклюзия слов/фрагментов из рисунков;
Интеграция с Templater, Dataview и QuickAdd через API ExcalidrawAutomate;
Экспорт в PDF через нативные возможности Electron.

Visual Studio Code

Расширение Excalidraw для VS Code (автор pomdtr) насчитывает более 548 тысяч установок. Оно открывает файлы .excalidraw, .excalidraw.json, .excalidraw.svg и .excalidraw.png прямо в редакторе: можно редактировать схемы внутри IDE, переключать тему (светлая/тёмная/авто), импортировать публичные библиотеки, просматривать исходный код чертежа и настраивать разрешения экспорта в настройках расширения.

Notion, Replit и другие

Notion поддерживает слэш-интеграцию /excalidraw — встроенный блок для рисования в документах Notion.
Replit использует формат .draw (Powered by Excalidraw) с включённой коллаборацией по умолчанию — рисование прямо в онлайн-IDE.
CodeSandbox поддерживает встраивание @excalidraw/excalidraw и имеет готовые примеры.
HackerRank использует Excalidraw в задачах и решениях для рисования диаграмм.
Google Cloud официально упоминает Excalidraw среди инструментов, встраиваемых в свои продукты и чит-листы по архитектуре.

В README проекта перечислены также Meta, Slite, не говоря о десятках компаний, использующих Excalidraw в собственном виде (список крупнейших приведён в разделе о клиентах).

Встраивание в собственные приложения

Установка

@excalidraw/excalidraw — это полноценный встраиваемый редактор для React-приложений. Установка выполняется стандартно:

npm install react react-dom @excalidraw/excalidraw

или

yarn add react react-dom @excalidraw/excalidraw

Пакет требует React в качестве peer-зависимости и поддерживает версии React 17, 18 и 19. Для новейших (ещё не опубликованных официально) возможностей существует версия пакета с тегом "next".

Минимальная интеграция

Редактор занимает 100% ширины и высоты родительского блока, поэтому контейнер должен иметь ненулевые размеры. Минимальный пример выглядит так:

import { Excalidraw } from "@excalidraw/excalidraw";
import "@excalidraw/excalidraw/index.css";

export default function App() {
  return (
    <div style={{ height: "100vh" }}>
      <Excalidraw />
    </div>
  );
}

Для Next.js и других серверных сред рендеринг выполняется только на клиенте: нужна директива "use client" вместе с динамической загрузкой с параметром ssr: false. Для браузера без бандлера используется import map с дедупликацией react, react-dom и подключением стилей и шрифтов через CDN.

Ключевой API

Компонент принимает набор опциональных свойств (props), среди которых:

initialData — начальное содержимое сцены (elements, appState, libraryItems, files); может быть объектом или Promise;
onChange — колбэк, вызываемый при любом изменении сцены: получает элементы, состояние приложения и файлы;
excalidrawAPI — колбэк, отдающий ссылку на API редактора после его создания;
theme — принудительная тема ("light" или "dark");
viewModeEnabled, zenModeEnabled, gridModeEnabled — управление режимами;
langCode — язык интерфейса;
isCollaborating — флаг режима совместной работы;
generateLinkForSelection — генерация ссылок на элементы;
UIOptions — настройка видимости и поведения панели инструментов;
name — имя сцены;
renderTopRightUI, renderCustomStats, renderScrollbars — кастомизация интерфейса;
настраиваемые дочерние компоненты MainMenu, WelcomeScreen, Sidebar, Footer, LiveCollaborationTrigger.

Через excalidrawAPI доступны методы: updateScene, updateLibrary, addFiles, resetScene, getSceneElements, getAppState, scrollToContent, setActiveTool, toggleSidebar, подписки на события (onChange, onPointerDown, onPointerUp) и многое другое.

Экспортные и вспомогательные утилиты

Пакет экспортирует богатый набор функций:

exportToBlob, exportToSvg, exportToCanvas, exportToClipboard,
loadFromBlob, loadSceneOrLibraryFromBlob, serializeAsJSON,
restoreElements, restoreAppState, restore,
convertToExcalidrawElements, getCommonBounds,
elementsOverlappingBBox, useI18n, useEditorInterface

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

Разворачивание у себя

Проект можно запустить локально из репозитория для разработки (yarn start открывает приложение на localhost:3000) или собрать Docker-образ excalidraw/excalidraw. Важное ограничение: самосозданный (self-hosted) экземпляр на данный момент не поддерживает общие комнаты и коллаборацию — за это отвечает отдельный сервер excalidraw-room, который нужно поднимать и настраивать самостоятельно. Шрифты редактора по умолчанию загружаются с CDN; для полного самодостаточного хостинга нужно скопировать каталог fonts из пакета в свою статику и указать window.EXCALIDRAW_ASSET_PATH.

Excalidraw+ (платный продукт)

Философия монетизации

Excalidraw+ — коммерческая облачная платформа, запущенная компанией Excalidraw s.r.o. в мае 2021 года для финансирования разработки открытого ядра. Бесплатный редактор на excalidraw.com остаётся полностью функциональным; платные функции связаны в основном с облачным хранением, совместной работой на уровне команд и расширенными возможностями презентаций и экспорта.

Тарифы

Стоимость тарифа Plus — 6 долларов США в месяц за пользователя. Оплата возможна помесячно или ежегодно со скидкой примерно 14%. Доступен 14-дневный бесплатный период. Единственный способ оплаты — кредитная карта (платёжный процессинг на базе Stripe), банковские переводы не поддерживаются. Для образовательных учреждений действует специальный тариф Education: 4 доллара в месяц или 36 долларов в год для пользователей с подтверждённым образовательным адресом почты.

Сравнение Free и Plus

Приведём ключевые различия в виде таблицы.

Возможность	Free (excalidraw.com)	Plus
Редактор с полным функционалом	Да	Да
Сцен	1 (бесконечная)	Неограниченно, с папками
Сохранение сцены	Локально в браузере, E2EE	Облачное хранилище с автосинхронизацией
Совместная работа по ссылке	Да, неограниченно	Да, плюс права на просмотр/редактирование
Read-only ссылки и эмбеды	Нет	Да
Голосовые комнаты и демонстрация экрана	Нет	Да (добавлено в арсенале 2024 года)
Комментарии	Нет	Да (включая гостевые комментарии без аккаунта)
Презентации	Нет	Да, включая живые презентации
Генеративный AI	Ограниченная квота	Расширенная квота и новые модели
Экспорт в PDF и PPTX	Нет	Да
Управление командами	Нет	Да (воркспейсы, роли, коллекции)
Персональная библиотека фигур	В браузере	На сервере
Соответствие SOC 2	Не применимо	Сертификация SOC 2 Type 1 и Type 2

Отдельно стоит упомянуть появившуюся в 2026 году возможность создавать API-ключи для автоматизации и использовать модель Model Context Protocol (MCP) для программного управления сценами. Формат Enterprise рассчитан на крупные организации и находится в стадии подготовки.

Безопасность и соответствие требованиям

Шифрование

В облачной версии данные в состоянии покоя шифруются алгоритмом AES-256, при передаче используется TLS. Чувствительные данные (токены, ключи) дополнительно шифруются на уровне приложения до записи в базу данных. Для бесплатных пользователей сцена хранится локально в браузере, а при общем доступе действует E2EE-шифрование, описанное ранее.

SOC 2 и корпоративное соответствие

Excalidraw+ прошёл независимый аудит и получил сертификацию SOC 2 Type 1 и Type 2. Отчёт доступен в доверенном центре по адресу trust.excalidraw.com. Среди мер безопасности:

Ежедневное резервное копирование баз данных и точка восстановления (Point-in-Time Recovery) за 14 дней;
Управление доступом на основе ролей (RBAC) для админов воркспейса;
Обработка платежей через Stripe, сертифицированного как PCI Service Provider Level 1, без хранения данных карт у себя;
Управление уязвимостями через GitHub, платформу Vanta и ежегодное внешнее пен-тестирование;
Веб-аналитика на базе SimpleAnalytics, совместимого с GDPR, и self-hosted Umami для внутриприложенной телеметрии;
Публичная страница состояния сервиса status.excalidraw.com.

Открытый API и MCP

В мае 2026 года компания открыла публичную бета-версию Public API и поддержку Model Context Protocol (MCP). Это значительный шаг к автоматизации диаграмм:

REST API позволяет программно создавать сцены, управлять коллекциями, воркспейсами и членами команды, синхронизировать содержимое сцен, транслировать изменения в реальном времени и вести журнал аудита.
MCP-сервер подключает AI-агентов и AI-клиенты к рабочему пространству: агент может читать доску, изменять её, генерировать диаграммы и вайрфреймы по текстовому описанию и делать снимки сцен (MCP Screenshot Tool).
Пользователи могут создавать персональные и рабочие API-ключи с различными уровнями прав, ротировать их и удалять мягко из настроек профиля.
Документация по API и MCP размещена на plus.excalidraw.com/docs, а также в общедоступных developer-доках docs.excalidraw.com.

Сравнение с конкурентами

Рынок онлайн-досок очень насыщен. Рассмотрим ключевые отличия Excalidraw от главных конкурентов.

Критерий	Excalidraw	tldraw	Miro	FigJam	draw.io (diagrams.net)	Whimsical
Лицензия и цена	MIT, бесплатно; Plus 6$/мес	Apache 2.0 SDK (приложение GPL-3.0)	Проприетарная, free-тариф, от 8$/мес	Проприетарная, free-тариф	Apache 2.0, бесплатно	Проприетарная, от 10$/мес
Регистрация для старта	Не требуется	Требуется (веб)	Требуется	Требуется	Не обязательна	Требуется
Стиль рисования	Рукописный (от руки)	Чистый современный	Корпоративный	Корпоративный (Figma)	Формальный	Минималистичный
Реальное время (коллаборация)	Да (E2EE)	Да	Да (лидер)	Да	Нет (файловая модель)	Да
PWA / офлайн	Да	Нет	Нет	Нет	Да	Нет
Встраивание через npm	Да, полноценный редактор	Да, SDK	Нет	Нет	Нет	Нет
Self-hosting	Да	Да (SDK)	Нет	Нет	Да	Нет
Шаблоны	Минимальные	Нет	Более 2500	Более 300	Нет	Ограниченные
Идеальный сценарий	Быстрые технические эскизы и архитектурные схемы	Встраивание canvas в свой продукт	Воркшопы и большие команды	Дизайн-команды внутри Figma	Строгие технические диаграммы (AWS/Azure/GCP)	Лёгкие flowcharts для малых команд

Ключевые выводы из сравнения:

tldraw — прежде всего SDK для построения собственных canvas-продуктов; у Excalidraw готовый инструмент с нулевой кривой обучения.
Miro — лидер по шаблонам, интеграциям и функциям фасилитации на десятки участников, но требует аккаунт и не является открытым.
FigJam — лучший выбор для команд, уже живущих в экосистеме Figma.
draw.io — идеален для строгих технических диаграмм с богатой библиотекой фигур для облаков, но без живой коллаборации.
Whimsical — быстр и прост для не-дизайнеров, но менее гибок и не имеет архитектурных библиотек.
Excalidraw выделяется сочетанием: бесплатность, открытый код, мгновенный старт без аккаунта, рукописная эстетика, PWA-режим и возможность встроить редактор в свой продукт.

По общему признанию многих разработчиков, Excalidraw стал де-факто стандартом для «быстрых карандашных» диаграмм в индустрии программирования — рисовать схему прямо в браузере быстрее и проще, чем для многих других инструментов.

Клиенты и признание

Компании

На официальном сайте перечислены корпоративные клиенты, использующие Excalidraw и Excalidraw+:

Netflix — упоминают использование на еженедельных совещаниях и предпочитают Excalidraw другим доскам для быстрых обсуждений;
Meta — по публичным заявлениям, значительная часть внутренних диаграмм (порядка 90% для некоторых типов флоучартов) создаётся именно в Excalidraw;
Microsoft, Stripe, Intel, Reddit, Spotify, Supabase, Wix, Odoo, Netlify, Aspect и многие другие стартап- и интрепрайз-команды;
Google Cloud — упоминание в README и интеграции в продукты;
Case studies публикуются для Mergin Maps, Interledger Foundation и DrDroid.

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

Отзывы известных людей

Инструмент получил признание в среде технических лидеров:

Andrej Karpathy назвал Excalidraw «действительно потрясающим и полезным для графики и диаграмм», а в своём знаменитом видео о больших языковых моделях использовал именно excalidraw.com для визуализаций.
Theo Browne (t3.gg) признался, что Excalidraw был бы самым сложным инструментом для него «оставить позади», потому что до него не мог наслаждаться «скетчингом» из-за плохого почерка.
Guillermo Rauch (Vercel) отметил высокое качество продукта и органичную «распределённую» open-source команду.
Adam Wathan построил схему для электрика «буквально за 90 секунд».
Аккаунт GitHub официально рекомендовал Excalidraw как бесплатный open-source инструмент с реальным временем и экспортом в PNG и SVG.

Ограничения и подводные камни

Честно перечислим ограничения, которые стоит знать до начала работы:

Нет глубоких инструментов фасилитации: голосований, таймеров, «водилки» с полным управлением правами, как в Miro или FigJam.
Автоматическая раскладка и автоматическое выравнивание содержимого ограничены; сложные диаграммы приходится частично позиционировать вручную.
Шаблонов мало относительно Miro (более 2500) и FigJam (более 300) — старт из готового макета доступен, но каталог скромнее.
Экспорт в PDF и PPTX доступен только в платной версии; в бесплатном редакторе — только PNG, SVG, clipboard и JSON.
Self-hosted инстанс не поддерживает совместную работу из коробки (нужен отдельный сервер комнат).
Нативный PDF/PPTX-экспорт из базовой версии отсутствует, хотя возможности есть через сторонние обёртки и плагины.
Крупные команды могут упереться в управление воркспейсами: для энтерпрайз-функций (логи аудита, отключение определённых функций) нужен корпоративный тариф, который ещё дорабатывается.
Модель E2EE на бесплатном сервисе не имеет независимого криптографического аудита — стоит учитывать при работе с особо чувствительными данными.
Документация раздела «Editor» (внутренности редактора) официально помечена как IN PROGRESS — внутренняя архитектура canvas-рендеринга описана не полностью.

Плюсы и минусы

Соберём краткий баланс в виде таблицы.

Плюсы	Минусы
Бесплатен и полностью открыт (MIT)	Нет нативного PDF/PPTX в бесплатной версии
Не требует регистрации и аккаунта	Слабые инструменты фасилитации крупных воркшопов
Рукописный стиль снижает «страх» делиться черновиками	Мало шаблонов по сравнению с Miro/FigJam
Встраивание в свои приложения через React-компонент	Коллаборация в self-hosted требует отдельной настройки
PWA: работает офлайн, устанавливается на рабочий стол	E2EE не прошло независимый аудит
Реальная коллаборация с E2EE	Экспорт в высоком разрешении ограничен квотой в бесплатной версии
Генеративный AI: текст в диаграмму и вайрфрейм в код	Зависимость качества AI от сторонних моделей
Поддержка Mermaid и конвертация в редактируемую сцену	Для сложных типов диаграмм Mermaid — только изображение
Богатая экосистема: Obsidian, VS Code, Notion, Replit	Открытые вопросы по дорожной карте энтерпрайз-функций
Открытый JSON-формат сцен	—

Ответы на частые вопросы

Нужна ли регистрация для начала работы?

Нет. На excalidraw.com можно рисовать сразу, без аккаунта. Сцена сохраняется локально в браузере. Аккаунт нужен только для функций Excalidraw+ (облачное хранение, команды, презентации, расширенный AI).

Можно ли редактировать диаграммы Mermaid?

Да, но с нюансами. Диаграмма flowchart конвертируется в обычные редактируемые элементы. Типы, которые парсер не поддерживает, вставляются как изображение. В Excalidraw+ есть встроенный Mermaid code editor, в котором можно менять исходный текст и повторно генерировать часть диаграмм.

В чём разница между «от руки» и обычными досками?

Эстетика «от руки» — это осознанный выбор: она делает черновик первоначальным, «не финальным», что по психологическим причинам повышает готовность людей обсуждать идеи на раннем этапе. Технически все фигуры остаются обычными векторными объектами.

Экспорт в PowerPoint доступен бесплатно?

Экспорт в PPTX и PDF доступен только в тарифе Plus. В бесплатной версии доступны PNG, SVG, буфер обмена и файл .excalidraw (JSON).

Можно ли развернуть Excalidraw у себя на сервере?

Да. Редактор можно собрать из исходников и запустить в Docker, а шрифты — разместить локально. Но общая коллаборация требует отдельного сервера excalidraw-room, а Excalidraw+ вообще является облачным сервисом.

Где взять библиотеки фигур?

В каталоге libraries.excalidraw.com — там сотни бесплатных (MIT) библиотек с одним кликом для установки.

Как подключить свою AI-модель?

В Excalidraw+ можно указать собственные ключи OpenAI, Claude, Gemini или OpenRouter (BYOK) в настройках, после чего AI-функции будут использовать выбранные модели.

Что из себя представляет файл .excalidraw?

Это обычный JSON-документ. В нём хранится type (тип элемента: rectangle, text, arrow, frame и др.), координаты x/y, размеры, поворот, цвета, варианты стрелок, группы, связи и версия схемы (версия пакета). Благодаря этому формат легко парсить и генерировать программно, а также сравнивать версии сцены (diff) в системах контроля версий.

Можно ли работать в команде бесплатно?

Да. Ссылка на совместную сессию работает и без подписки: данные шифруются на стороне браузера (end-to-end), поэтому даже сервер не видит содержимое. Без аккаунта совместная сессия живёт, пока открыта хотя бы одна вкладка с этой ссылкой; в Excalidraw+ сессии и сцены сохраняются в облаке.

В каких браузерах работает Excalidraw?

Современные браузеры с поддержкой Canvas 2D, Web Crypto API и Service Worker: последние версии Chrome/Chromium, Firefox, Safari и Edge. Приложение является PWA и устанавливается на рабочий стол или на главный экран мобильного устройства. Некоторые функции (например, File System Access API для локальных файлов) работают не во всех браузерах одинаково.

Подходит ли Excalidraw для коммерческих проектов?

Редактор с открытым исходным кодом распространяется под лицензией MIT, что позволяет использовать и модифицировать его в коммерческих продуктах, включая встраивание редактора в собственные приложения. Компонент @excalidraw/excalidraw также распространяется под свободной лицензией, хотя при модификации и пересборке надо аккуратно переносить атрибуцию и лицензионные заголовки файлов. Для полного списка условий и пакетов читайте LICENSE в репозитории.

Что если я забуду сохранить сцену и закрою вкладку?

В бесплатной версии сцена автоматически сохраняется в локальном хранилище браузера. После повторного открытия excalidraw.com вы увидите предложение восстановить последнюю сессию. Для кроссплатформенной синхронизации между устройствами нужен Excalidraw+ или самостоятельный перенос файла.

Отличается ли локальная версия от веб-версии?

Да, нюанс есть: функции коллаборации и часть дополнительных возможностей работают именно через сервер excalidraw.com (или собственный excalidraw-room). Сама отрисовка сцены происходит локально, поэтому локальная сборка полноценна для одиночной работы и полностью совместима с форматом файлов.

Поддерживается ли выравнивание и распределение элементов?

Да, при выделении нескольких объектов на панели свойств появляются инструменты выравнивания по горизонтали/вертикали, выравнивание по краям и распределение по равным интервалам. Это критически важно для аккуратных блок-схем и ER-диаграмм.

Можно ли сохранять диаграмму в базу знаний и вставлять в статьи?

Да, вынести отрисованную диаграмму в wiki, README или документацию проще всего через экспорт SVG или PNG. SVG сохраняет векторную чёткость при любом масштабе, PNG удобен для публикаций и вставки в текстовые редакторы. Также можно дать интерактивную ссылку для чтения (Excalidraw+).

Резюме

Excalidraw — уникальное сочетание бесплатного открытого редактора и коммерческой платформы, выросшее из личного проекта одного инженера в экосистему с миллионами пользователей. Его главные конкурентные преимущества — мгновенный старт без аккаунта, узнаваемый рукописный стиль, честное end-to-end шифрование совместных сессий, открытый JSON-формат сцен и возможность встраивать редактор в собственные приложения через React-компонент.

Технически проект демонстрирует, как современная веб-платформа (PWA, File System Access API, Web Crypto API, Socket.IO, Canvas) позволяет заменить десктопные инструменты в веб-браузере. Для разработчиков Excalidraw особенно ценен как библиотека и как формат: можно строить доски у себя, автоматизировать их через API и MCP, конвертировать Mermaid в редактируемые сцены и быстро создавать прототипы интерфейсов из вайрфреймов с помощью генеративного AI.

Для команд, которым нужны масштабные воркшопы с сотнями шаблонов, больше подойдут Miro или FigJam, но для ежедневных технических диаграмм, скетчей и быстрых прототипов Excalidraw остаётся одним из самых удобных, честных и открытых инструментов на рынке 2026 года.

Ссылки

×

← В главную