Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>NutumlNew to Visual Studio Code? Get it now.
Nutuml

Nutuml

junfengliang

|
1,003 installs
| (1) | Free
Sequence and mindmap diagram tool
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Nutuml README

Nutuml is a tool for uml sequence diargram. You can edit UML description text in vscode and preview the generated UML diagram in real time.

Quick start

Use Nutuml in markdown file

  1. Create or open a markdown file with the suffix .md
  2. Input uml description text, a demo as follow
```nutuml
Client -> Server : Request
Server --> Client : Response
```
  1. Click the Preview button on the right top of the editor.

Below is a picture to show the demo. markdown-demo

Use Nutuml in stand alone file

  1. Create or open a file with the suffix .numl
  2. Input uml description text, a demo as follow
Client -> Server : Request
Server --> Client : Response
  1. Click the Preview button on the right top of the editor.

Below is a gif to show the demo.

Quick start demo

For more syntax reference. please refer to nutuml homepage

Mindmap support

  1. Create or open a markdown file with the suffix .md
  2. Input uml description text, a demo as follow
```nutuml
# Root
## aa
## bb
## cc
```
  1. Click the Preview button on the right top of the editor.

Below is a picture to show the demo. Quick start demo

Release Notes

0.6.0

  1. support mindmap

0.5.0

  1. fix offset erro when participant is too long.

0.4.0

  1. support nutuml in markdown

0.3.0

  1. fix gif unable to show issue in readme.md
  2. update nutuml core to 0.6.0

0.2.0

  1. add Quick start in readme

0.1.0

  1. upate nutuml to 0.5.0 to fix bug

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft