Студия PlantUML

Пишите диаграммы PlantUML и сразу смотрите результат: последовательности, классы, активности, компоненты и C4. Всё строится в браузере.

Загрузка студии…

Что умеет студия PlantUML

PlantUML описывает диаграмму текстом: участники, сообщения, классы и связи пишутся кодом, а картинка строится автоматически. Студия показывает результат рядом с кодом и перерисовывает его через полсекунды после правки.

Поддерживаются диаграммы последовательности, классов, активности, состояний, вариантов использования, компонентов и развёртывания, а также C4 через встроенные !include <C4/C4_Context>, <C4/C4_Container> и другие уровни. Для старта есть примеры.

Диаграмма строится движком PlantUML прямо в браузере, код не отправляется на сервер. Код сохраняется автоматически: вернитесь на страницу, и он будет на месте. Скачайте .puml, чтобы хранить диаграмму рядом с документацией, или SVG и PNG для статьи и презентации.

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

Выберите пример или вставьте свой код между @startuml и @enduml. Правьте код слева - диаграмма справа обновится сама. Если в коде ошибка, над диаграммой появится подсказка. Готовый результат скачайте в SVG, PNG или исходником .puml; сохранённый файл открывается кнопкой «Открыть файл».

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

Куда отправляется код диаграммы?

Никуда. Движок PlantUML работает в браузере, код и картинка остаются на вашем устройстве. Черновик хранится в локальном хранилище браузера.

Почему не работает !include или ссылка на картинку?

Внешние файлы, адреса и директивы препроцессора отключены, чтобы диаграмма не загружала чужие ресурсы. Доступны встроенные библиотеки C4: !include <C4/C4_Context>, <C4/C4_Container>, <C4/C4_Component>, <C4/C4_Dynamic> и <C4/C4_Deployment>.

Есть ли ограничения по размеру?

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

Чем студия отличается от тренажёра UML в школе?

Тренажёр даёт задания и проверяет решения. Студия - свободный редактор: рисуйте любые диаграммы без заданий и проверок.

Доска для диаграмм · Доска BPMN 2.0 · Практика UML · Все сервисы Web API

Курс «Проектирование архитектуры и интеграций (API, брокеры) + ИИ»

REST, gRPC, SOAP, GraphQL и JSON-RPC, архитектурные подходы, SQL и NoSQL, брокеры сообщений и работа с ИИ. Программа курса помогает систематизировать знания об API и интеграциях; содержание и условия обучения смотрите на Stepik.

Более 2000 учеников!

Перейти к курсу на Stepik