Домой Софт Как плагин Excalidraw превращает Obsidian в полноценную доску для заметок

Как плагин Excalidraw превращает Obsidian в полноценную доску для заметок

Плагин Excalidraw для Obsidian позволяет создавать наброски и диаграммы прямо внутри базы знаний, объединяя функциональность whiteboard-сервисов с локальными файлами.

0
0

Специализированные сервисы для совместной работы, такие как FigJam и Miro, отлично справляются со своими задачами, однако созданные в них наброски часто остаются изолированными в браузере. Для глубокой проработки дизайн-макетов Figma остается стандартом индустрии, однако бесплатные тарифы этих платформ имеют строгие ограничения: план Figma Starter позволяет хранить лишь три файла дизайна и три файла FigJam, а Miro ограничивает пользователей тремя редактируемыми досками. Подобные лимиты могут быть неудобны для активных пользователей.

карточки в холсте Obsidian

Почему локальные файлы выигрывают у облачных решений

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

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

Возможности Excalidraw для Obsidian

Плагин Excalidraw для Obsidian, разработанный Жолтом Вицианом (Zsolt Viczian), основан на одноименном инструменте с открытым исходным кодом, который создал Кристофер Шедо в январе 2020 года. Визуальный стиль «рисования от руки», ставший визитной карточкой приложения, достигается за счет использования библиотеки Rough.js. Это позволяет придать схемам и наброскам вид быстрых эскизов, что полезно на ранних этапах работы, когда важно сосредоточиться на идее, а не на полиграфии или точном выборе шрифтов.

Приложение работает полностью офлайн, а все рисунки сохраняются как файлы внутри хранилища Obsidian. Их можно встраивать в заметки или связывать с ними гиперссылками. Хотя в плагине отсутствуют функции совместной работы в реальном времени или сквозное шифрование, доступные в облачной версии excalidraw.com, он компенсирует это глубокой интеграцией с локальными Markdown-файлами и поддержкой текстовой трансклюзии.

Инструментарий для проектирования и планирования

Excalidraw предлагает набор стандартных геометрических фигур, инструменты свободного рисования и функцию автоматического привязывания стрелок к объектам. Пользователи могут расширять возможности с помощью меню дополнительных инструментов, включая «фреймы» (frames), лазерную указку и функцию «Draw to shape», которая превращает неровные линии в правильные фигуры.

плагин Excalidraw для Obsidian — иллюстрация 2 к материалу
Страница плагина Excalidraw в сообществе Obsidian

Для тех, кто предпочитает текстовое описание диаграмм, доступен инструмент Mermaid-to-Excalidraw, конвертирующий программный код в перемещаемые объекты. С версии 2.23.0 появилась возможность подключения ИИ-моделей, таких как OpenAI, Claude, Gemini или Grok, а также использования локальных эндпоинтов. Кроме того, пользователь может перетаскивать заметки прямо из панели Obsidian на холст, создавая интерактивные схемы, при клике на которые открываются исходные документы.

Работа с форматами и взаимодействие с ИИ

Важной особенностью Excalidraw является отказ от проприетарных форматов. Начиная с версии 1.2.0, каждый рисунок сохраняется как Markdown-файл, содержащий фронтматтер и теги. Это позволяет использовать привычные метаданные, как и в других заметках. Текстовое содержимое рисунка хранится в списке элементов, что делает его доступным для поиска и трансклюзии в другие документы базы знаний.

плагин Excalidraw для Obsidian — иллюстрация 3 к материалу
Пример wireframe-схемы рецептов, масштабированной до 211%

Графическая составляющая рисунка записывается в блоке Drawing в формате JSON, который по умолчанию сжат с помощью LZ-String. Поскольку файл имеет текстовую структуру, его содержимое может обрабатывать ИИ-агент (например, Claude Code). Для этого достаточно декомпрессировать данные через палитру команд или отключить сжатие в настройках сохранения, хотя при первой настройке рекомендуется работать с копией файла из-за чувствительности JSON-структуры к правкам.

В итоге, несмотря на то что для финальных высококачественных макетов Figma остается незаменимой, Excalidraw идеально заполняет нишу инструментов для «черновых» этапов проектирования, позволяя удерживать процесс генерации идей внутри той же системы, где хранятся рабочие материалы и исследования.

Особенности взаимодействия с экосистемой Obsidian и ограничения плагина

Важно учитывать, что Excalidraw для Obsidian — это не прямое зеркало веб-сервиса excalidraw.com, а самостоятельная реализация. В плагине отсутствуют функции совместной работы в реальном времени, сквозное шифрование и генерация публичных ссылок для доступа извне — все эти возможности жестко привязаны к облачной инфраструктуре excalidraw.com. Если пользователю критически важна коллаборация, разработчик предлагает обходной путь: работать в «комнате» на сайте excalidraw.com, а затем встраивать полученный результат в хранилище через импорт или вставку.

плагин Excalidraw для Obsidian — иллюстрация 4 к материалу
Инструменты рисования прямоугольников и вспомогательные функции в Excalidraw

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

Практические сценарии использования

Для этапа «чернового» проектирования (lo-fi wireframing) функциональность плагина избыточна в хорошем смысле слова. Пользователям доступны следующие приемы работы:

плагин Excalidraw для Obsidian — иллюстрация 5 к материалу
Файл схемы, открытый в режиме Markdown, с отображением текстовых элементов
  • Быстрое создание пользовательских потоков (User Flows): При использовании сочетания клавиш Ctrl + клавиши со стрелками система мгновенно создает связанную фигуру в заданном направлении, что позволяет выстраивать цепочки процессов практически с той же скоростью, с какой генерируются мысли.
  • Работа с исследованиями: Инструмент эффективно применяется для создания карт эмпатии (personas), карт путешествия пользователя (journey maps) и аффинити-диаграмм, помогающих структурировать качественные исследования по тематическим блокам.
  • Библиотеки элементов: Пользователи могут создавать и хранить собственные наборы готовых фигур и компонентов непосредственно в виде файлов внутри своего хранилища, что обеспечивает единообразие визуального языка в рамках проекта.

Технические нюансы работы с Markdown и JSON

Глубокая интеграция с Obsidian обеспечивается за счет специфической структуры файла рисунка. Поскольку каждый файл Excalidraw — это Markdown-документ, разработчик предусмотрел гибкое пространство для заметок: любой текст, размещенный между свойствами (YAML frontmatter) и заголовком Text Elements, игнорируется движком рисования. Это делает файл идеальным местом для хранения контекстной информации, описания целей диаграммы или ссылок на связанные документы.

Внутренняя графическая составляющая хранится в блоке Drawing. По умолчанию используется алгоритм сжатия LZ-String, из-за чего данные выглядят как набор нечитаемых символов. Это сделано для оптимизации размера файлов, однако для взаимодействия с внешними агентами, такими как Claude Code, можно временно отключить сжатие в настройках сохранения или воспользоваться функцией декомпрессии через палитру команд. После этого ИИ получает возможность «читать» структуру доски, интерпретируя её содержимое для анализа или редактирования.

Отдельно стоит упомянуть функциональность Marker frames. Она позволяет не просто вставлять рисунок целиком, а встраивать в заметки только конкретные фрагменты холста, ограниченные рамкой. Это удобно, когда на одной большой «доске» собрано несколько смысловых блоков, и вы хотите вывести в основной документ лишь один из них.