Для инженеров, DevOps и дата-команд

Диаграммы на языке вашего стека.

Превращайте Mermaid и D2 в редактируемые фигуры, импортируйте Compose и Kubernetes как архитектуру, визуализируйте план запроса и управляйте всем через API.

Открыть LetDraw бесплатно Все возможности

MermaidD2Docker ComposeKubernetesEXPLAINREST + MCP

architecture.letdraw

// Из кода

Mermaid и D2 на входе, редактируемые фигуры на выходе

Вставьте уже готовый код диаграммы и получите настоящие подвижные фигуры в стиле наброска. Доработайте вручную, а когда снова понадобится код, экспортируйте обратно в Mermaid или D2.

Туда и обратно: из кода на холст и снова в код
Нативные наконечники стрелок и ER «воронья лапка», без самодельных костылей
Умные соединители сами обходят ваши фигуры

flow.mmd → холст

graph TD
  A[Client] --> B(API Gateway)
  B --> C{Auth?}
  C -->|yes| D[Service]
  C -->|no| B
  D --> E[(Postgres)]
# paste it → get editable shapes
# edit → export back to Mermaid / D2

// Создать из кода

Один диалог, почти любой источник

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

Формат определяется автоматически, выбирать из меню не нужно
Кластерная раскладка повторяет ваши namespace
Иконки продуктов для Kubernetes, Terraform и облачных сервисов

Docker Compose Kubernetes Terraform Helm Graphviz DOT SQL DDL OpenAPI git log EXPLAIN Mermaid D2

docker-compose.yml → диаграмма

services:
  web:
    image: nginx
    depends_on: [api]
  api:
    image: app:latest
    depends_on: [db, redis]
  db:
    image: postgres:16
  redis:
    image: redis:7
# → clustered architecture with icons

// Для вашей базы данных

Смотрите на план запроса, а не на стену JSON

Вставьте вывод Postgres или MySQL EXPLAIN , и LetDraw построит дерево плана с тепловой картой. Дорогие узлы подсвечиваются, так что медленная часть запроса видна с первого взгляда.

Postgres и MySQL EXPLAIN (JSON) определяются автоматически
Тепловая карта по стоимости, самые горячие узлы первыми
Работает на клиенте: ваш запрос не покидает браузер

EXPLAIN (FORMAT JSON)

// Автоматизируйте

REST API и MCP-сервер

Создайте персональный токен и создавайте, редактируйте и экспортируйте диаграммы из CI-скрипта, cron-задачи или ИИ-агента. Ограниченные права дают каждому токену ровно то, что ему нужно.

Права: чтение, запись, экспорт (Mermaid / D2 / SVG), ИИ-генерация
MCP-сервер, чтобы ИИ-ассистент рисовал за вас
Отлично подходит для пайплайнов документации и генерируемой архитектуры

генерация из CI

# create a diagram from a prompt
curl https://api.letdraw.com/api-v1/documents/generate \
  -H "Authorization: Bearer $LD_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{ "prompt": "3-tier web app" }'

# or wire the MCP server into your AI tool
"letdraw": { "command": "letdraw-mcp" }

// Моделируйте

ER и UML, которые остаются корректными

Проектируйте схемы и системы в настоящей нотации. Кардинальность «воронья лапка» в ER-связях, полые наконечники для UML и маршрутизация внешних ключей, которая обходит таблицы, а не проходит сквозь них.

ER-таблицы с типизированными колонками и ключами
Диаграммы классов UML с правильными наконечниками
Умная маршрутизация FK сохраняет линии читаемыми

schema.er

// Мыслите ветками

Майндмэпы, которые раскладываются сами

Начните с одной идеи и нажмите Tab, чтобы добавить ветку. LetDraw сам выстраивает раскладку, так что вы фиксируете мозговой штурм с той же скоростью, с какой приходят мысли, а потом превращаете его в настоящую диаграмму.

Клавиатура прежде всего: Tab добавляет дочерний узел, никакого перетаскивания блоков
Автораскладка держит каждую ветку в порядке по мере роста
Сворачивайте и разворачивайте ветки, чтобы сосредоточиться
Горизонтально или вертикально в один клик

brainstorm.mindmap

И ещё много всего на холсте

Всё, что нужно, в одном месте

Строительные блоки, которые превращают черновой набросок в то, что можно передать дальше.

Промпт в диаграмму

Опишите словами и получите редактируемый черновик. 3 бесплатно на любом тарифе или свой ключ.

Объяснение диаграммы

Превратите рисунок в понятный текст или документацию в Markdown, чтобы диаграмма шла вместе со своим описанием.

Умные соединители

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

Стрелки с несколькими точками

Кликайте, чтобы добавить изгибы стрелкам и линиям, затем отражайте, вращайте и правьте каждую точку.

Таблицы и блоки кода

Редактируемые таблицы и блоки кода с подсветкой как полноценные фигуры, а не плоские картинки.

Экспорт и запись

PNG, SVG, PDF, копирование в буфер обмена или запись процесса рисования в видео WebM.

Математика / LaTeX

Введите формулу, смотрите живое превью (рендеринг через KaTeX) и поместите её на холст. Клавиатура символов в одно касание.

Быстрые графики

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

Встраивание живой доски

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

Эстетика наброска

Стиль от руки делает ранние диаграммы дружелюбными, а чистый режим даёт чёткость, когда она нужна.

Офлайн и приватно

Работает в браузере без установки, рисунки хранятся локально, и никакого стороннего трекинга.

Совместная работа в реальном времени

Рисуйте вместе с живыми курсорами, комментариями и ролями в рабочем пространстве. Подробнее о совместной работе →

Нарисуйте свою систему во вкладке браузера.

Без установки и настройки. Вставьте код, импортируйте инфраструктуру или просто начните рисовать.

Открыть LetDraw бесплатно Читать документацию