СНАЧАЛА ИДЕЯ. ПОТОМ СХЕМА.

UML из текста.

Опишите систему — диаграмма появится рядом.
Скопируйте код, скачайте PNG, продолжайте офлайн.

Без регистрации.
Ваш текст остаётся
в этом браузере.

01 Исходный текст

Mermaid

02 Диаграмма

Подготовка редактора…Tab отступ · Ctrl / ⌘ + Enter обновить
Как писать диаграммы

Классы

classDiagram
  class User {
    +String name
    +login()
  }
  User "1" --> "*" Order

Последовательности

sequenceDiagram
  actor User as Пользователь
  participant API
  User->>API: Запрос
  API-->>User: Ответ

Состояния

stateDiagram-v2
  [*] --> Draft
  Draft --> Ready: Проверено
  Ready --> [*]

Процесс

flowchart TD
  A[Начало] --> B{Условие?}
  B -->|Да| C[Действие]
  B -->|Нет| D[Конец]

Редактор поддерживает Mermaid. Исходники PlantUML (@startuml) нужно переписать в этот синтаксис. Документация Mermaid ↗

Текст сохраняется только на вашем устройстве.
Экспорт и построение схем выполняются в браузере.

Заменить текущий текст?

Сначала скачайте исходник, если хотите сохранить эту версию.

Редактор как приложение

В Chrome или Edge откройте меню браузера и выберите «Установить приложение». На iPhone / iPad: «Поделиться» → «На экран Домой». На Mac в Safari: «Файл» → «Добавить в Dock».

Офлайн-режим подготавливается после первого открытия.