This is a quick guide to help you get started with the tools.
🛠️ Tools
Select Tool (Arrow): Click to select a shape. Drag to move it. Double-click to open the edit panel.
Add Wire Tool (Arrow with line): Click a shape, then click another to connect them with a wire.
Shape Tools (Rectangle, Circle, etc.): Click a shape button, then click on the canvas to add it. The tool will automatically revert to the select tool.
Add Image Tool (Image icon): Click to open a file browser and add an image from your computer to the canvas.
Toggle Grid/Snap: Show or hide the alignment grid, and enable/disable snapping shapes to the grid lines.
Export: Save your diagram as a PNG or PDF file.
🖱️ Interactions
Drag & Drop: Select a shape with the arrow tool and drag it to a new location.
Edit Shape: Double-click a non-image shape to open the editor panel where you can change its text, colors, and font.
Delete Shape: Select a shape and press the "Delete" key on your keyboard.
Zoom: Use your mouse wheel to zoom in and out of the canvas.
Pan: Click and hold the middle mouse button (scroll wheel) and drag to pan around the canvas.