Features
Canvas & Diagrams
Create architecture diagrams with an infinite canvas and cloud provider icons.
The Canvas is an infinite drawing surface for creating architecture diagrams, flowcharts, and system designs — think Figma for technical diagrams.
Drawing Tools
| Tool | Description |
|---|---|
| Select | Click to select, drag to move, resize handles at corners |
| Pan | Scroll or drag to move around the canvas |
| Shapes | Rectangle, Ellipse, Diamond, Triangle, Cylinder (database), Cloud, Hexagon (API), Parallelogram (I/O) |
| Text | Place text labels anywhere |
| Connections | Draw lines between elements |
Element Types
- Shapes — Geometric shapes for representing components
- Text — Standalone text labels
- Icons — Cloud provider icons (AWS, Azure, GCP, Kubernetes)
- Images — Custom images
- Groups — Group multiple elements together
Connections
Connect elements with configurable lines:
- Path types — Straight, orthogonal (right-angle), or curved (bezier)
- Line styles — Solid, dashed, or dotted
- Arrow types — None, arrow, filled arrow, diamond, circle
- Anchor points — Connect at edges or corners with auto-routing
Canvas Features
- Infinite canvas — Pan and zoom freely
- Grid snap — Elements snap to a background grid for alignment
- Alignment guides — Smart guides appear while dragging to help align elements
- Multi-select — Drag a selection rectangle to select multiple elements
- Inline text editing — Double-click any element to edit its text
- Grouping — Select 2+ elements and group/ungroup them
- Layers panel — View all elements in a tree with visibility toggles
- Undo/Redo — Up to 50 steps
Text Formatting
A floating toolbar appears when elements are selected:
- Font size (10-48pt)
- Horizontal and vertical text alignment
- Fill color picker (10 presets + custom)
- Stroke/border color picker
Cloud Provider Icons
Browse and search icons from major cloud providers:
- AWS — Compute, storage, networking, databases, and more
- Azure — All Azure service icons
- GCP — Google Cloud Platform services
- Kubernetes — K8s resource icons
Icon packs are downloaded on demand. You can also add custom icons.
Import & Export
| Format | Import | Export |
|---|---|---|
| PNG | — | 2x resolution |
| SVG | — | Vector format |
| — | Print-ready | |
| JSON | Native | Native |
| draw.io XML | From draw.io | To draw.io |
| Mermaid | From Mermaid syntax | To Mermaid syntax |
Multiple Documents
Create multiple diagrams, each appearing in the sidebar with element counts. Rename, duplicate, or delete documents as needed.