Diagrams that guide your code.

Skitze is a fast, no-fuss diagram editor built for engineers and software architects. Draw flowcharts and UML diagrams in minutes, right in the browser — no plugins, no bloated shape libraries to wade through.

Get started free See how it works
01 · UML component diagrams

Show how the pieces fit

Model components, interfaces and dependencies at a glance. Group components into subsystems to show how a large system breaks down, and which pieces can change, scale or be replaced on their own.

A UML component diagram built in Skitze: an Order Processing subsystem (with Order Processing and Order Validation components) connects via Shipping Scheduling to a Shipping subsystem, and via Inventory Check to an Inventory subsystem. Click to view full resolution.
A UML class diagram built in Skitze: a Customer places Orders; each Order has an OrderStatus enum, aggregates Items through an OrderItem association class, and is paid by a Payment that realizes the PaymentAuthorization interface, with CreditCard and Check as payment-method subclasses. Click to view full resolution.
02 · UML class diagrams

Capture your data model

Capture the shape of your domain: what each class holds, what it does, and how it relates to the rest. Use it to agree on a design before the code exists, or to map one that already does.

03 · UML sequence diagrams

Capture your business logic

Follow a business process as it moves between services, from the first request to the final response. Loops, alternatives and optional steps make the rules explicit, not buried in code.

A UML sequence diagram built in Skitze: a Customer places an order on an Order Srvc, which loops over each item checking availability with an Inventory Srvc, then either arranges and confirms shipping with a Shipping Srvc and Messaging Srvc, or notifies failure. Click to view full resolution.
An order-processing flowchart built in Skitze: Start leads to Read Order Details, then Validate Order, then a Valid? decision branches Yes to Ship Order and Generate Confirmation ending at Complete, or No to Reject. Click to view full resolution.
04 · Flowcharts

Map the logic

Use flowcharts to model algorithms and procedural logic, and to explain them to non-programmers. They work just as well for business and operational procedures, decision trees and simple, linear processes.

05 · What's next

More diagram types, on the way

Flowcharts and UML component, class and sequence diagrams are live today. Here's what's coming next.

Coming soon

Entity-relationship diagrams

Tables, keys and relationships for your schema, kept in sync with the way you actually query it.

Coming soon

Diagram linking

Connect diagrams to each other — click through a component straight into its sequence diagram.

Ready to start sketching?

Free to start, no install required. Sketch your team's flowcharts and UML diagrams and see how far Skitze gets you.

Get started free