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

diagram

sdrubolo

|
5,980 installs
| (0) | Free
extension for diagram language
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

diagram README

This package is thought to allow people describe how entities interact between each other.

Diagram Dependencies

You need to install diagram language to use the extension - this because it has been built for the specific diagram language. It can be downloaded at diagram-language

Current Supported Platforms

  • MacOS
  • Linux

Release Notes

0.2.0

Initial release Diagram editor

0.2.1

Add extension dependency

0.2.3

Fix error with SVG to PNG


Example

Diagram preview

After creating a *.diagram file (diagram extension is mandatory); you can display its preview by selecting it from the menu, like the example below. The path is packages > flow-diagram > Diagram Preview

how to display preview

Helper

You can use the helper to explore all possible statements you can use.

helper

Export to PDF/SVG/PNG

The flow-diagram package allows multiple export formats like svg/pdf/svg.

export

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