Code2UML Studio

Understand code visually.

Code2UML Studio is a software visualizer for Visual Studio Code. It reads your source code and turns it into clear, living views of your system — structure, behavior, and interactions — without leaving your editor. This extension brings code2uml.com into VS Code.

Features

• Visualize files or selections instantly — diagram the whole document or just the selected code
• 38 diagram styles — including the signature codevisuals theme
• Presentation controls — vertical if, if style, shadowing, lines, corners, spacing, background
• Interactive view — zoom, drag-to-pan, live language icon, animated loader
• SVG and PNG export
• Language-aware parsing
• Deterministic rendering stack — PlantUML Plus as the graphics engine

Examples

Live examples from code2uml.com — activity, class, sequence, and state diagrams generated from real code.

Use cases

• Understand unfamiliar systems faster
• See generated code before you trust it
• Build explanations from real source
• Connect theory to implementation

Diagram types

• Activity — used to visualize the control flow of algorithms and procedures: conditions, loops, calls, and return paths.
• Class — used to document the static structure of object-oriented software: classes, interfaces, members, and inheritance.
• Sequence — used to show time-ordered communication between objects, components, and services.
• State — used to represent finite-state behavior, including regular expressions as automata.

Supported languages: C · C++ · C# · Java · Python.

Getting started

1. Open a C, C++, C#, Java, or Python file.
2. Right-click and choose Code2UML Studio, or click the generate button in the editor title bar.
3. Use the File / Selection switch to choose what the Run button generates.
4. Pick a diagram type, style, and language — then press Run.
5. Zoom, drag to pan, and use Save to export SVG or PNG.

Commands

• Code2UML Studio — open the panel
• Code2UML Studio: Generate from file — diagram the active document
• Code2UML Studio: Generate from selection — diagram the selected code

Made by CodeVisuals, Inc. — a visual interface for understanding, explaining, and working with software.