trtrrr QuickDraw — Diagram Designer
Editor Workspace
File
History
View
100%
⛶ Focus — click to exit Draft
— ⏏
Create
Library
Filter
Align
Templates
Diagrams
Canvas
Theme
Canvas
Animation
⚡ 2×
📦
Snap
Window
Tip: Use Node + Connect for fast flows
▶
⚠ items outside bounds
overview · drag to navigate
Ready
Nodes: 0 Connections: 0 x:0 y:0
⚙
Properties
Export Diagram
🖼
SVG (vector)
Lossless · tiny file · scalable
📷
PNG (image)
High quality · raster
📋
JSON (data)
Re-import · share state
🌐
HTML (static animated)
Self-contained · play/stop · shareable
🎮
HTML (live simulation)
Full capacity logic · packet routing · view-only
🎬
Video (WebM / MP4)
Slides · Notion · Slack · Confluence
🎞
Animated GIF
Emails · GitHub · Jira
📄
PDF (print)
Print-ready · A4 / Letter
📂
Import JSON
Load saved diagram
👁 Diagram Preview
🔗 Click target node — ESC to cancel
✏️ Edit Properties
🔗 Start Connection
⧉ Duplicate
📝 Edit Note
⬆ Bring to Front
⬇ Send to Back
🗑 Delete Node
Canvas Style
Canvas Fill
Fill opacity 0%
Perimeter Line
Line opacity 35%
Line width 1.5px
Glow opacity 0%
Canvas Background
⊞ Pattern
■ Solid
⊞+■ Layer
preview
Pattern
Pattern opacity 60%
Spacing 40px
Add New Node
Add Connection
Opacity 85%
Save Custom Data Type
Canvas Size
🖥
1920 × 1080
Full HD
🖥
2560 × 1440
2K QHD
📺
3840 × 2160
4K UHD
📐
1280 × 720
HD 720p
📄
1122 × 794
A4 Landscape
📄
794 × 1122
A4 Portrait
⬜
1600 × 900
16:9 Medium
⬜
800 × 600
Compact
✏️
Custom
Enter size
Select a size
Current canvas: Infinite scroll
Add Icon to Canvas
Click any icon to place it on the canvas
Add Square / Rectangle
#4f8ef7
Opacity 100%
Sharp cornersFully rounded
Add Line / Arrow
#4f8ef7
Opacity 100%
Start point
End point

After placing: click on canvas to set start point, then click again to set end point.

Add Text Label
#e8eeff
Opacity 100%
Choose Theme
Custom Theme Builder
Preview
Primary Secondary
Node Flow AWS
QuickDraw Custom Theme
Background, panels, borders, accent, and text update live as you edit values.
Saved to localStorage as saal-custom-theme
Tip: after saving, your custom theme can be reopened and reused any time.