UML-диаграммы онлайн

Рисуйте UML-диаграммы классов и последователь­ностей онлайн.

LetDraw позволяет рисовать UML-диаграммы онлайн прямо в браузере, в стиле наброска от руки и с настоящими наконечниками стрелок UML. Рисуйте классы и линии жизни из библиотек фигур UML или создайте диаграмму из кода Mermaid или короткого запроса, а затем редактируйте каждый блок и стрелку.

Фигуры · диаграмма классов UML
Shape # x: number # y: number + area(): number Circle - radius: number + area(): number Square - side: number + area(): number
Шаг за шагом

Как создать UML-диаграмму в LetDraw

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

  1. Откройте холст

    Начните с чистого листа или выберите шаблон «Диаграмма Классов UML»: базовый класс с двумя подклассами.

  2. Добавьте фигуры UML

    Используйте библиотеку UML для классов, интерфейсов, пакетов и состояний или библиотеку «Диаграмма последовательности» для линий жизни и сообщений.

  3. Задайте связи

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

  4. Поделитесь или экспортируйте

    Обсуждайте диаграмму вместе в реальном времени, оставляйте комментарии в любой точке или экспортируйте в PNG, SVG или PDF.

UML из кода или одной фразы

Редактор UML-диаграмм, который читает код

Вставьте диаграмму классов или последовательности на Mermaid, и LetDraw превратит её в редактируемые фигуры на холсте, а когда снова понадобится код, экспортирует обратно в Mermaid или D2. Или опишите классы простыми словами, и ИИ набросает диаграмму классов UML с правильными наконечниками связей.

  • Импорт Mermaid для диаграмм классов и последовательности в виде редактируемых фигур
  • Нативные наконечники UML: полый треугольник, закрашенный и полый ромб
  • Промпт в диаграмму набрасывает диаграмму классов по описанию
Попробовать бесплатно
sequenceDiagram User->>API: login API->>DB: query API-->>User: token User API DB login query token
Что рисуют

UML-диаграммы для проектирования, документации и ревью

На одном холсте помещается и быстрый набросок классов, и полный набор проектных диаграмм сервиса.

Диаграммы классов UML

Моделируйте классы, поля и методы с модификаторами видимости и показывайте наследование и композицию с первого взгляда.

Диаграммы последовательности

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

Конечные автоматы

Нарисуйте состояния заказа, тикета или устройства и события, которые переводят его из одного в другое.

Диаграммы вариантов использования

Расставьте акторов и варианты использования, чтобы согласовать объём работ с продуктом и бизнесом до начала разработки.

Компоненты и пакеты

Набросайте модули, компоненты и узлы развёртывания, чтобы объяснить, как устроена система.

Ревью архитектуры

Поделитесь доской, закрепляйте комментарии в любом месте и разбирайте решение вместе с командой вживую.

Вопросы

UML-диаграммы онлайн: частые вопросы

Можно ли рисовать UML-диаграммы в LetDraw бесплатно?
Да. Тариф Free включает полный холст, все типы диаграмм и экспорт в PNG, SVG и PDF, без банковской карты. Pro добавляет больше документов, рабочих пространств и ИИ-запросов.
Какие UML-диаграммы можно нарисовать?
В библиотеке UML есть фигуры класса, интерфейса, перечисления, пакета, компонента, узла, состояния, варианта использования, актора и заметки. Библиотека «Диаграмма последовательности» добавляет линии жизни, активации, а также обычные, асинхронные, ответные сообщения и сообщения самому себе.
Можно ли превратить код Mermaid в UML-диаграмму?
Да. Вставьте диаграмму классов или последовательности на Mermaid, и LetDraw нарисует её редактируемыми фигурами и стрелками. Любую диаграмму можно экспортировать обратно в Mermaid или D2.
Используются ли настоящие наконечники стрелок UML?
Да. У стрелок есть встроенные начальные и конечные наконечники, включая полый треугольник для наследования и реализации, закрашенный ромб для композиции и полый ромб для агрегации.

Ваша следующая UML-диаграмма в одном клике.

Откройте LetDraw в браузере и начните моделировать. Бесплатно, быстро и ничего не нужно устанавливать.