Hint: If you're sharing with someone in Slack, WhatsApp or whatever, pick
.jpg so that the image has a solid white background.
Auto-generate on. Press Ctrl+E to force regenerate image.
Share
For when you want to come back and continue editing this diagram.
.svg imageGreat for editing in vector tools or embedding on the web.
.png imageNice for blogs, wikis or email. Transparent background.
.pdf documentGreat for printing. Infinite zoom.
.jpg imageSolid background. Plays nicer with some desktop tools.
.json fileTo programmatically save metadata.
Add to your diagrams
Save diagrams to easily edit them later. Each diagram gets a permalink so you can change the diagram but keep the same diagram link. Nice!
My Diagrams keeps give you a handy list of all your diagrams.
Login or RegisterHelp
[Customer]->[Order] // Association
[Customer]<>->[Order] // Aggregation
[Customer]++->[Order] // Composition
[Customer]1-0..1>[Order] // Cardinality
[Customer]1-0..orders 1>[Order] // Assoc Labels
[Customer]-.-[note: DAO] // Notes
[Customer]^[Member] // Inheritance
[Customer|name;address|save()] // Properties
[≪IDisposable≫;Customer] // Interface
[Customer|var arr[] ] // Brackets
[Customer {bg:green}] // Colour
[Customer] // Actor
[Customer]-(Place Order) // Actor to Use Case
(Order)>(Cancel) // Extend
(Order)<(Pay) // Include
[Member]^[Customer] // Actor Inheritance
Sorry this is incomplete, we're working on it. The samples cover everything, however: Class Diagram Samples, Use Case Diagram Samples and Activity Diagram Samples.
There is also a FAQ
Tobin posts tips sometimes on his blog.
You can use {bg:green}, or some other colour, to change background colour of a class or ese case.