Export Diagram

Welcome to the Diagramming App!

This is a quick guide to help you get started with the tools.

🛠️ Tools & Shortcuts
  • Select Tool (S): Click to select a shape. Drag to move it. Double-click to open the edit panel.
  • Add Wire Tool (W): Click a shape, then click another to connect them with a wire. You can also click on a wire to add a new bend point.
  • Shape Tools (R, C, D): Click a shape button, then click on the canvas to add it. The tool will automatically revert to the select tool.
  • Toggle Grid (G) & Snap: Show or hide the alignment grid, and enable/disable snapping shapes to the grid lines.
  • Undo (Ctrl+Z) / Redo (Ctrl+Y): Go back or forward in your edit history.
  • Export: Save your diagram as a PNG or PDF file.
🖱️ Interactions
  • Drag & Drop: Select a shape or a wire node 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, font, and rotation.
  • Delete Shape: Select a shape and press the "Delete" or "Backspace" 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.