No angle brackets, no drag-and-drop. Describe classes, fields, methods and relationships the way you'd say them out loud - Draft Notation parses every keystroke and draws the diagram itself.
< 1ms
render latency
6+
UML constructs
5
relationship types
0
sign-in required
Write in plain English
Describe classes, fields, methods and relationships exactly how you think - no angle brackets, no drag-and-drop.
Parser runs instantly
Draft parses your text with a 400 ms debounce, resolves types and relationships, and builds an AST.
Canvas renders
The AST is fed to the same rendering engine as the full editor - proper UML 2.x boxes, arrows, and cardinality labels.
Sync back to code
Rearrange nodes visually, then hit "Sync to code" to regenerate the Draft source from your updated layout.
Click a tab to see how each Draft Notation construct is written. Then try it yourself in the live playground below.
User User knows id: String User knows name: String User knows email: String User can login() User can getProfile(): Profile
¶04 - Try it live
Edit Draft code on the left - your UML diagram updates in real time. No account needed.
Diagram updates as you type · 400ms debounce