Browser-native • No login • Local-first

Design & practice system diagrams, right in your browser.

UMLy pairs a fast studio for Use Case, ER, Class, and Data Flow diagrams with interactive, auto-graded puzzles.

checkout-architecture.umly
Auto-saved locally
«interface»Class
PaymentProcessor
+ charge(amount): boolean
Entity1 : N
Order
PK order_id : UUID
FK customer_id : UUID
1.0 ProcessDFD
Process Checkout
Customer → Process → D1 Orders

Four diagram types, one unified studio

Every diagram type includes dedicated nodes, relationship connectors, and starter templates.

Create a diagram
UML 2.5

Use Case Diagrams

Actors, system boundaries, mandatory «include», optional «extend», and generalizations.

Database

ER Diagrams

Entities, primary & foreign keys, weak entities, and crow’s foot cardinality.

OOP

Class Diagrams

Classes, interfaces, enums, attributes, methods, realization, and composition.

Systems

Data Flow Diagrams

External entities, numbered processes, data stores, and directional data flows.

Zero-Friction Studio

Snap-to-grid canvas, keyboard shortcuts, undo/redo history, and starter templates with no account required.

Auto-Graded Puzzles

19 interactive challenges across Beginner, Easy, Intermediate, and Advanced tiers with instant diagnostics.

Local-First & Exportable

Drafts persist in your browser automatically. Export crisp PNG, SVG, or JSON files in one click.

Ready to model your next system?

Jump straight into the workspace or test your skills with Level 1.