Расскажите про... как рисовать сценарий?
Есть инструмент, о котором, я уверен, никто из вас (до этого момента) не знал. Чем сценарист занимается половину рабочего дня? Раскладывает последовательность событий. И сегодня речь про Excalidraw – бесплатную доску для рисования схем в браузере, которая за последние пару лет обзавелась функцией «нарисуй схему по моему описанию».
Сегодня речь про Excalidraw — бесплатную браузерную доску для рисования схем, которая за последние годы обзавелась функцией буквально из серии:
«Я сейчас словами объясню, что происходит. А ты это нарисуй».
И, что характерно, оно действительно рисует.
Что вообще такое Excalidraw
Excalidraw родился 1 января 2020 года как способ прокрастинировать.
То есть начиналось всё примерно так, как начинаются лучшие проекты: кто-то хотел сделать небольшую удобную штуку для себя, а потом внезапно обнаружил, что этой штукой пользуются другие люди.
Код проекта с самого начала открыт и распространяется под лицензией MIT. Это означает, что желающие могут развернуть собственную копию сервиса или встроить редактор в своё приложение.
Что у нас есть практически за бесплатно? Бесконечный холст в браузере без регистрации: сайт сам сохраняет черновик в память браузера, а поделиться готовой доской можно обычной ссылкой. Фирменный рукописный стиль линиям задаёт библиотека Rough.js и шрифт Virgil, нарисованный дизайнером Эллинор Рапп специально для проекта. Дальше: совместное редактирование в реальном времени со сквозным шифрованием (серверы Excalidraw не видят содержимого доски, радуйтесь), готовые библиотеки фигур от сообщества, экспорт в PNG, SVG и открытый JSON-формат .excalidraw, тёмная тема, работа на телефоне.
Есть и симпатичная пасхалка: скопируйте из таблицы два столбца чисел и вставьте на холст – Excalidraw сам нарисует из них график. Потому что почему бы и нет. Платная версия, Excalidraw+, добавляет облачное хранилище, режим презентаций и расширенный доступ к тому самому ИИ.
Text to diagram: «нарисуй, что я сказал»
В верхней панели инструментов есть режим Text to diagram – описываете словами процесс, и на холсте появляется схема из прямоугольников и стрелок. Хочется сказать, что нейросеть сама рисует диаграмму, но устройство чуть хитрее и от этого не менее занятное.
Сначала языковая модель переводит ваш текст не в картинку, а в код на языке Mermaid – компактной текстовой нотации для описания диаграмм, придуманной для разработческой документации: процесс вроде «шаг А ведёт к шагу Б» там записывается парой строк. И только после этого в дело вступает второй, уже не интеллектуальный, а вполне детерминированный модуль – открытая библиотека mermaid-to-excalidraw, которая разбирает этот код и превращает его в настоящие элементы Excalidraw: прямоугольники для шагов и ромбы для развилок, всё это соединено подписанными стрелками.
Именно поэтому результат можно свободно двигать руками и перекрашивать. Это не цельная картинка «.jpg», а обычные объекты редактора. Саму эту цепочку «текст → Mermaid → схема» разработчики Excalidraw в своё время выложили в открытый доступ, и похожий фокус с тех пор проделывают сторонние надстройки – например, плагин для Obsidian научился работать не только с OpenAI, но и с Claude, Gemini и Grok.
У этого устройства есть прямое следствие для того, что стоит от него ждать. Mermaid – язык именно для блок-схем и последовательностей: у него отлично получаются линейные цепочки и развилки «если – то», но по документации самих разработчиков из всех типов диаграмм по-настоящему редактируемым объектом в Excalidraw пока становится только флоучарт – прочие вставляются на холст готовой картинкой, которую руками не подвигаешь. Так что просить у ИИ «нарисуй мне ассоциативную карту моих идей» – не самый благодарный запрос: карта мыслей устроена не как последовательность, и нейросеть либо натянет её на несвойственную ей форму, либо сдастся. А вот «опиши процесс из шагов, часть из которых ветвится» – ровно то, для чего инструмент придуман.
Зачем Excalidraw сценаристу
Потому что значительная часть сценарной работы — это именно попытка понять:
что происходит → почему это происходит → что из этого следует.
- Завязка приводит к повороту.
- Поворот приводит к кризису.
- Герой принимает решение.
- Решение создаёт последствия.
- Последствия догоняют его в третьем акте.
Опишите этот путь простым текстом – «герой получает письмо и прячет его от семьи → это решение всплывает в кульминации и стоит ему доверия близких → финал зависит от того, простят его или нет» – и на доске появится цепочка блоков, которую дальше можно двигать, красить, подписывать актами и сценами. То, что раньше рисовалось вручную полчаса, теперь набрасывается за минуту.
Интереснее становится там, где веток много – в интерактивной драматургии, визуальных новеллах, разветвлённых игровых сценариях. Опишите точку выбора: «герой либо идёт в лес и встречает там союзника, либо остаётся в деревне и теряет шанс на союзника, зато открывает романтическую линию» – и нейросеть за секунды разведёт эту вилку ромбом с двумя подписанными стрелками, вместо того чтобы вы вручную растягивали блоки под каждую комбинацию. При работе над сценарием с ветвлениями на два-три десятка узлов ручное рисование становится нудной механической работой.
Есть и третье применение, – совместная работа. Сценаристы редко пишут весь сезон в одиночку – структуру большой игры часто обсуждают в команде с соавторами. Excalidraw можно открыть по ссылке без регистрации и работать над одной доской вместе с товарищами в реальном времени, а благодаря сквозному шифрованию черновик не осядет на чужом сервере в виде обычного текста.
При этом стоит держать в голове три ограничения. Нейросеть не оценивает, хорошая ли у вас завязка, – она просто переводит текст в форму, и, если описание расплывчатое, на выходе будет расплывчатая же схема; в этом смысле инструмент скорее дисциплинирует, заставляя сформулировать бит-лист внятно ещё до того, как его нарисуют. Дальше: бесплатный доступ к самой ИИ-функции ограничен (Ограничения: в бесплатной версии каждый аккаунт может делать ~100 генераций в сутки, что очень много, но всё же), и рано или поздно понадобится подключить собственный ключ от OpenAI, Claude, Gemini или OpenRouter – точные условия лучше уточнить прямо на сайте. И наконец, по опыту, результат генерации часто требует ручной уборки: контейнеры наезжают друг на друга, подписи обрезаются, так что к сгенерированной схеме стоит относиться как к черновому наброску. Text to diagram – удобная надстройка именно для последовательностей и веток, которая экономит время на рутинном рисовании прямоугольников там, где логика истории уже выстроена в голове. Сюжет за вас она всё равно не придумает.
Примеры подсказок и диаграмм.
Например, запрос «Сцена: герои встречаются в комнате, один достаёт карту, потом скрывается враг, герои убегают» как правило даёт блок-схему с тремя прямоугольниками: «персонажи встречаются» → «показывается карта» → «появляется враг» → «побег». Другой пример: «Storyboard: кадр 1 — герой входит в дом, кадр 2 — видит записку на столе, кадр 3 — следует за голосом из кухни». Получается что-то вроде горизонтального ряда «кадров» (разделённых зон) с рисованными иконками человека и стола.
Советы по формулировке. Чтобы получить осмысленную диаграмму, пишите просто и по этапам. Лучше использовать пронумерованные шаги или маркированные списки, указывать названия объектов и связей: «1) Пользователь нажимает кнопку Отправить; 2) Отправляются данные на сервер; 3) Сервер возвращает ответ; 4) Клиент отображает результат».
На картинках по всей статье вы можете посмотреть, отрывки, как я делал схемы из рассказа Чехова «Толстый и Тонкий» и повести Артура Конан Дойля «Пять зёрнышек апельсина».
Плюсы и минусы для сценариста. Плюсы: наглядность, быстрая правка идей «на лету», совместная правка с режиссёрами/командой, интеграция в экосистему заметок (Obsidian/VSCode). Лёгкий стиль рисунка — не отвлекает от сути. AI-генерация помогает моментально получить черновик схемы по текстовому плану. Минусы: ограниченная эстетика (нет деталей, рисовка грубоватая), нет специализированных шаблонов сториборда с кадрами, иногда LLM неправильно поймёт сложную сцену. Глубоко проработанные рисунки придётся дополнять вручную. Также нужно помнить про лимиты генерации или затраты на подписку.
Альтернативы?
Существуют и другие инструменты: например, Miro, diagrams.net (draw.io) или Lucidchart – они мощнее для формальных схем и имеют гибкие шаблоны, но менее «рукописны». Mermaid подходит для тех, кто готов писать диаграммы «как код» (в Markdown), это удобно для документации, но не даёт рисованного вида. Napkin.ai, DiagramGPT, AnyGen – сервисы, схожие с Excalidraw AI, которые тоже умеют преобразовывать текст в диаграмму (иногда красивее оформленные). Для сторибордов есть специальные инструменты типа StoryBoarder или Celtx, которые заточены на раскадровку с иллюстрациями. Важно подобрать инструмент под задачу: если нужен быстрый скетч-схема по сценарию – Excalidraw хороший выбор, и я рад поделиться с вами находкой.
