Аналоги Napkin: текст в схему без Napkin

Общий вход у всех маршрутов один — готовый текст, который вы уже написали. Общий результат — схема, которую можно открыть в редакторе и править. Аналоги Napkin: текст в схему без Napkin строятся на двух путях: Eraser AI генерирует диаграмму из текста или кода, а связка Mermaid → draw.io переводит текст в Mermaid source и открывает его в редакторе.

Что подаём и что хотим получить

Вход во всех маршрутах — текст, который у вас уже есть: описание процесса, структура сервиса, порядок шагов. Согласно справке Napkin, работа начинается так: текст вставляется в документ, затем наводится курсор на блок и нажимается кнопка Generate Visual, а из появившегося списка выбирается вариант и стиль. Результат — визуал, который добавляется в документ и экспортируется как PNG, SVG, PDF или PowerPoint.

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

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

Два маршрута сверх Napkin

Сверх baseline Napkin берём два сопоставимых маршрута. Первый — Eraser AI: в документации проекта сказано, что входом служит любой текст, представляющий диаграмму, обычно на естественном языке или фрагмент кода, а выходом — диаграмма, которую правят вручную или следующими промптами. Второй — Mermaid → draw.io: текст переводится в Mermaid source, source вставляется в редактор draw.io.

Это разные по природе пути. Eraser AI — генеративный: модель читает текст и строит диаграмму. Mermaid → draw.io — кодовый: вы пишете source, редактор его рендерит. Оба дают редактируемый результат, но по-разному переживают правки.

Тип диаграммы в Eraser выбирается опционально. Согласно документации Eraser AI, поддерживаются Sequence Diagrams, Entity Relationship Diagrams, Cloud Architecture Diagrams и Flow Charts; если тип не выбран, Eraser AI подбирает подходящий сам. В draw.io тип задаётся самим синтаксисом Mermaid: в документации проекта упомянуты блок-схемы, UML, круговые и Gantt-диаграммы.

Mermaid и draw.io — один путь

Mermaid задаёт синтаксис схемы, draw.io позволяет отобразить и править её. Этот маршрут объединяет два инструмента.

Считать их двумя альтернативами значит удвоить один и тот же маршрут в сравнении. Модель здесь может участвовать только на шаге перевода текста в source — например, если вы просите её написать Mermaid-код по вашему описанию. Дальше работает редактор, и от модели ничего не зависит.

Практический вывод: в таблице альтернатив у этого маршрута одна строка. Внутри неё два инструмента с разными ролями, и выбирать между ними не нужно — они стоят последовательно.

Перевод текста в Mermaid source

Возьмём структуру текста и переведём её в готовый source. Пусть текст описывает порядок: пользователь отправляет заявку, система проверяет данные, при ошибке возвращает на шаг назад, при успехе создаёт запись. Ниже — source, который описывает эту структуру с редактируемыми узлами и ветвлением.

flowchart TD
    A[Пользователь отправляет заявку] --> B{Данные корректны?}
    B -- Нет --> C[Вернуть на шаг ввода]
    C --> A
    B -- Да --> D[Создать запись]
    D --> E[Показать подтверждение]

Каждому узлу дайте идентификатор и подпись. В этом примере обычные шаги обозначены квадратными скобками, а развилка — фигурными скобками, которые задают ромб. Выходы развилки подписаны «Да» и «Нет». Возврат показан стрелкой к узлу A.

Такой source можно вставить в Mermaid Live Editor. Для редактируемых узлов в draw.io откройте Arrange → Insert → Mermaid, вставьте код, оставьте режим Diagram и нажмите Insert. В этом режиме создаются фигуры и соединители draw.io; Image создаёт одно SVG-изображение.

Документированный промпт Eraser

В официальной документации Eraser есть пример Chatbot architecture. Ниже — его копируемая русская редакционная адаптация; это инструкция для генерации, результат редакция не получала.

Построй облачную архитектуру сервиса для чата по PDF. Покажи загрузку PDF, получение векторов через OpenAI Embedding API, хранение векторов в облачной векторной базе и отдельное хранение текстовых фрагментов. Для вопроса пользователя покажи получение вектора, поиск по векторной базе, извлечение связанных фрагментов и передачу этих фрагментов вместе с вопросом в OpenAI chat API. Ответ API верни пользователю. Используй инфраструктуру AWS и OpenAI.

Это документированный пример. Он показывает, какого уровня детализации ждёт Eraser AI: перечислены компоненты, порядок обработки и требуемая инфраструктура. Такой промпт можно взять за образец для своего описания.

Порядок действий по документации проекта: открыть меню вставки на холсте, выбрать Diagram as Code, затем AI Diagram, ввести промпт на естественном языке или фрагмент кода, при желании выбрать тип диаграммы и нажать Generate. Файл можно приложить, нажав слэш в пустом промпте и выбрав Image или File.

Один вход для обоих маршрутов

Возьмём первый абзац готовой заготовки из статьи Napkin AI нейросеть: схемы из текста, тарифы, скачивание. Остальные абзацы заготовки описывают типы заявок и сравнение способов обработки; здесь строим только процесс из первого абзаца.

Как мы принимаем заявку с сайта. Шаг 1: посетитель заполняет форму, данные уходят в CRM. Шаг 2: робот проверяет телефон и ставит задачу менеджеру. Шаг 3: менеджер звонит в течение пятнадцати минут. Шаг 4: если дозвона нет, заявка уходит в отложенный прозвон на следующий день. Шаг 5: после разговора менеджер ставит статус и назначает следующий шаг.

Для Eraser вставьте этот абзац и добавьте инструкцию: Построй Flow Chart. Сохрани шаги, проверку дозвона, задержку до следующего дня и оба исхода. Не добавляй оплату и другие действия. Это наша учебная инструкция поверх документированного текстового входа Eraser.

Для Mermaid используйте ручной перевод того же абзаца:

flowchart TD
    A[Посетитель заполняет форму] --> B[Данные поступают в CRM]
    B --> C[Робот проверяет телефон]
    C --> D[Робот ставит задачу менеджеру]
    D --> E[Менеджер звонит в течение пятнадцати минут]
    E --> F{Удалось дозвониться?}
    F -- Нет --> G[Отложенный прозвон на следующий день]
    G --> E
    F -- Да --> H[Менеджер ставит статус]
    H --> I[Менеджер назначает следующий шаг]

Сверьте результат обоих маршрутов с одним списком: форма передаёт данные в CRM; робот проверяет телефон и назначает задачу; звонок происходит в течение пятнадцати минут; недозвон ведёт к повторному прозвону на следующий день; после разговора появляются статус и следующий шаг. Для draw.io используйте режим Diagram, чтобы подписи и узлы оставались отдельными редактируемыми элементами. Mermaid-код выше — редакционная ручная заготовка, генерацию Eraser в интерфейсе редакция не запускала.

Потери при правке в draw.io

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

Второй момент — режим Image. Если при вставке выбрать Image, диаграмма генерируется как единое нередактируемое SVG-изображение. Переключить Diagram на Image и обратно после вставки нельзя: нужно скопировать source и вставить новую диаграмму с нужным режимом.

Третий момент — Ungroup. Если разгруппировать контейнер Mermaid, source, хранящийся в данных фигуры, удаляется. Вернуть его можно отменой действия. Эти потери относятся к draw.io и не связаны с экспортом Napkin в PowerPoint или Google Slides, где редактируемость устроена иначе.

Что Napkin делает иначе

Napkin строит визуал из текста в один шаг: вставляете текст, нажимаете Generate Visual, выбираете вариант из списка и стиль. Экспорт идёт в PNG, SVG, PDF, PowerPoint или Google Slides, а презентацию можно показывать прямо из Napkin без выгрузки. В PowerPoint текст и поддерживаемые фигуры остаются редактируемыми, изображения и эффекты сохраняются как изображения.

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

Актуальные тарифы и лимиты сверяйте на официальных страницах перед работой.

Частые вопросы

Какие есть аналоги Napkin для текста в схему?
Два сопоставимых маршрута: Eraser AI, который генерирует диаграмму из текста или кода, и связка Mermaid → draw.io, где текст переводится в Mermaid source и открывается в редакторе. Оба дают редактируемый результат и описаны в официальной документации своих проектов.

Mermaid и draw.io — это два разных генератора?
Нет, это один путь «код → редактор». Mermaid задаёт синтаксис и рендерит диаграмму из текстового определения, draw.io вставляет source и даёт править стили и подписи. В сравнении альтернатив они занимают одну строку.

Как перевести текст в Mermaid source?
Опишите шаги как узлы с идентификаторами и подписями, ветвления — ромбами с двумя подписанными выходами, возвраты — стрелками к исходному узлу. Готовый source вставляется в редактор Mermaid или в draw.io через меню вставки.

Что теряется при правке диаграммы в draw.io?
При повторной генерации из отредактированного source сохраняются стили и подписи, а геометрия сбрасывается: позиции, размеры и пути соединителей пересчитываются. Режим Image даёт нередактируемое SVG, а Ungroup удаляет source из данных фигуры.

Когда менять Napkin не нужно?
Когда задача — быстро получить визуал из абзаца и выгрузить его в презентацию. Napkin строит визуал в один шаг и отдаёт готовые варианты на выбор. Альтернативы нужны там, где важен контроль над source и повторная генерация из кода.