Как пользоваться
- Выберите ближайший шаблон или вставьте готовый код PlantUML.
- Редактируйте текст — предпросмотр обновится примерно через секунду, а ошибки будут отмечены на изображении.
- Скачайте SVG для документов и веб-страниц или PNG, чтобы поделиться; ссылка для обмена передаёт диаграмму вместе с исходным текстом для редактирования другими.
Поддерживаемые типы диаграмм
| Начинается с | Диаграммы |
|---|---|
@startuml … @enduml | Последовательности, варианты использования, классы, деятельность, компоненты, состояния, развёртывание, ER |
@startgantt | Диаграммы Ганта (планы проектов) |
@startmindmap | Интеллект-карты |
@startwbs | Иерархические структуры работ (WBS) |
@startjson / @startyaml | Структуры JSON и YAML |
@startsalt | Вайрфреймы интерфейса |
nwdiag { … } | Сетевые диаграммы |
!include <C4/C4_Container> | Архитектура C4 (встроенная библиотека) |
Шпаргалка по синтаксису
| Синтаксис | Значение |
|---|---|
A -> B : message | Сплошная стрелка (вызов) |
A --> B | Пунктирная стрелка (ответ) |
alt / else / end | Альтернативы |
loop … end | Цикл |
:step; | Шаг деятельности |
if (paid?) then (yes) | Ветвление в диаграмме деятельности |
|Sales| | Дорожка |
note right: text | Примечание |
skinparam monochrome true | Чёрно-белый для печати |
' comment | Строка комментария (начинается с апострофа) |
Частые вопросы
Что такое PlantUML?
PlantUML — открытый инструмент, который строит диаграммы из обычного текста: строка вроде «Buyer → Sales : RFQ» становится сообщением на диаграмме последовательности. Текст хранится в Git, документах и задачах, правится быстрее перетаскивания и аккуратно сравнивается по версиям.
Сохраняются или публикуются ли мои диаграммы?
Нет. Для предпросмотра исходный текст отправляется на сервер этого сайта, отрисовывается и удаляется, никогда не сохраняясь и не попадая в журналы; PlantUML работает в изолированном режиме без доступа к файлам и сети. Ссылки для обмена содержат сжатый исходный текст внутри самой ссылки — его видят только те, кому вы её отправили.
Почему китайский текст и PNG отображаются правильно?
Предпросмотр и SVG используют шрифты вашего браузера, а PNG рисуется в браузере из SVG в двойном разрешении, поэтому китайский, японский и другие алфавиты никогда не превращаются в квадратики.
Можно ли подключать внешние файлы через !include?
В целях безопасности локальные файлы и URL подключать нельзя; встроенная стандартная библиотека работает — например, библиотека C4 (C4/C4_Container) и наборы значков вроде AWS.