Smart Excalidraw: AI-инструмент с открытым исходным кодом для создания интеллектуальных диаграмм

Smart Excalidraw: AI-инструмент с открытым исходным кодом для создания интеллектуальных диаграмм 166

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

#Ai工具箱 #Ai开源项目

Smart Excalidraw: AI-инструмент с открытым исходным кодом для создания интеллектуальных диаграммОписание

Smart Excalidraw — это AI-инструмент с открытым исходным кодом для создания диаграмм на основе ai. Его основная функция — преобразовывать человеческую речь в структурированные и редактируемые диаграммы с помощью больших языковых моделей. Полученные диаграммы имеют формат Excalidraw, что позволяет пользователю самостоятельно настраивать стиль и расположение элементов на холсте, плавно переходя от автоматической генерации к ручному редактированию. Главное отличие от обычного Excalidraw заключается в том, что сначала большая модель понимает ваше описание, а затем сразу создаёт профессиональную диаграмму с чёткой структурой и подходящим расположением, которую в дальнейшем можно свободно корректировать на исходном холсте. Идеально подходит для разработчиков, продакт-менеджеров, архитекторов и всех, кому нужно быстро рисовать блок-схемы, диаграммы архитектуры, ER-диаграммы и т. д.

FSmart Excalidraw

Основные функции Smart Excalidraw

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

  • Поддержка более 20 типов диаграмм: блок-схемы, диаграммы последовательности, ER-диаграммы, интеллект-карты, инфографика, диаграммы развёртывания и др.

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

  • Полная совместимость с Excalidraw: генерируется стандартный файл .excalidraw, который можно сразу перетаскивать, менять цвета и добавлять иконки прямо в Excalidraw.

  • Простая настройка, локальное хранение данных: нужно лишь один раз ввести API-ключ OpenAI или Anthropic — все настройки и данные хранятся в вашем браузере. Также поддерживается быстрое локальное развёртывание через Docker.

Как пользоваться Smart Excalidraw

Онлайн-использование

  • Откройте официальный сайт:

  • 👉https://smart-excalidraw.aizhi.site/

  • Настройте ИИ:

  • Нажмите «Configure LLM» в правом верхнем углу

  • Выберите провайдера (Anthropic или OpenAI)

  • Введите API-ключ (рекомендуется Claude Sonnet 4.5 — лучший результат)

  • Сохраните

  • Введите команду, например:

    «Нарисуй блок-схему регистрации и входа пользователя»

    «Создай ER-диаграмму для интернет-магазина с заказами, товарами и пользователями»

    «Спроектируй диаграмму архитектуры кластера Kubernetes»

    ИИ автоматически сгенерирует диаграмму, и вы сможете продолжить редактирование на холсте.

Локальный запуск

gitclonehttps://github.com/liujuntao123/smart-excalidraw-next.git
cdsmart-excalidraw-next
pnpminstall
pnpmdev

Затем откройте http://localhost:3000

Технические особенности Smart Excalidraw

  • Поддержка нескольких моделей: поддерживаются популярные модели OpenAI, Anthropic и др.; рекомендуется серия Claude Sonnet для лучшего результата.

  • Интеллектуальный алгоритм соединений: встроенный механизм расчёта точек соединения автоматически избегает пересечения линий, делая диаграммы более понятными.

  • Хранение на стороне клиента: настройки и временные данные хранятся в браузере, что экономит ресурсы сервера и лучше защищает конфиденциальность.

  • Создан на современном стеке: основан на Next.js, Excalidraw и Tailwind CSS — удобно дорабатывать и расширять функциональность локально.

Сценарии применения Smart Excalidraw

Подходит для создания прототипов продуктов, архитектурных диаграмм, иллюстраций к технической документации, а также для совместной работы в команде. Дизайнеру или инженеру достаточно словами описать, что нужно, — и он быстро получит структурированную диаграмму, которую затем можно доработать на холсте Excalidraw. Также инструмент можно встроить в процессы ревью дизайна, написания документации или CI, ускоряя задачи визуализации.

Часто задаваемые вопросы

В: Какую модель лучше использовать?

О: Claude Sonnet 4.5 — диаграммы получаются точнее и структурированнее.

В: Передаются ли данные в интернет?

О: Нет, всё хранится только в вашем браузере.

В: Можно ли редактировать диаграммы, созданные ИИ?

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

Github: https://github.com/liujuntao123/smart-excalidraw-next

Инструменты по теме "Smart Excalidraw: AI-инструмент с открытым исходным кодом для создания интеллектуальных диаграмм"