Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Code Diagram - create code diagram quicklyNew to Visual Studio Code? Get it now.
Code Diagram - create code diagram quickly

Code Diagram - create code diagram quickly

CodeDiagram

|
20,823 installs
| (10) | Free
Create code flow diagrams quickly from inside your VSCode tabs
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CodeDiagram logo

CodeDiagram for VSCode

www.codediagram.io


Code Diagram is a diagramming tool that lives inside your VSCode. It helps you to visualize your codebase, understand the architecture, and refactor faster.


Code Diagram demo 1


Features 💪

  • 1 click to add code snippets to the diagram
  • Jump back to code from the diagram
  • 27 color themes for code highlighting (dark and light)
  • 192 languages for code highlighting
  • Storing the diagram as Local files or in the Cloud
  • Sharing the diagram with a public link (only available in Cloud)
  • Export to PNG
  • Markdown editor
  • Change color for each box

A short demo 🎬


Code Diagram demo 2


How to use this extension 🤔

  1. Open the command palette (Cmd/Ctrl + Shift + P)
  2. Run: Code Diagram: Add a sample diagram
  3. Select some of your codes
  4. Run: Code Diagram: Snip Code

Voila! You have a diagram directly in your VSCode.


Why build this?

I'm writing codes just like you, and I'm a big fan of diagrams. I use diagrams to visualize my codebase, understand the architecture, and refactor faster.

However, none of the diagram tools that I use is good enough. I have to switch between my code editor and the diagram tool. It's a pain.

So, why not building a diagram tool that lives inside my code editor? That's why I build Code Diagram.


I love to hear your feedback

  • My email is "huyvu@codediagram.io", feel free to drop me an email on any feedback.
  • I also post updates/news/roadmap about the tool on X https://x.com/CodeDiagram

Happy coding! 🙌
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft