Arrow Tool

The Arrow tool creates straight arrows with arrowheads at either or both ends. Perfect for diagrams, flowcharts, annotations, and directional indicators.

Activating the Arrow Tool

• Press A on your keyboard
• Click the Arrow tool icon in the toolbar

Drawing Arrows

• Click and drag to draw an arrow line
• The arrow is drawn from the start point to the end point
• By default, an arrowhead appears at the end of the line
• Hold Shift to constrain to 0°, 45°, 90°, 135°, or 180° angles

Arrow Properties

After drawing an arrow, you can customize it in the Properties Panel:

• Start Arrow - Toggle arrowhead at the start point (off by default)
• End Arrow - Toggle arrowhead at the end point (on by default)
• Stroke - Adjust arrow line thickness, color, and style
• Stroke Cap - Change line end style (round, square, butt)
• Line Angle - View and adjust the exact angle of the arrow

Arrowhead Styles

You can configure arrowheads independently for start and end:

• No Arrow - Turn off the switch to remove the arrowhead
• Single Arrow - Enable only one end (start or end)
• Double Arrow - Enable both start and end arrowheads

Common Uses

• Flowcharts - Connect process steps and decision points
• Diagrams - Show relationships and data flow
• Annotations - Point to specific UI elements or features
• Directional Indicators - Show movement or navigation
• User Flows - Map out user journeys and interactions

Creating a Flowchart

1. Draw rectangles or other shapes for process steps
2. Press A to activate the Arrow tool
3. Draw arrows connecting the shapes
4. Hold Shift while drawing to keep arrows straight (horizontal/vertical)
5. Adjust stroke width and color in Properties Panel for emphasis

Tips

• Use Shift while drawing to create perfectly horizontal, vertical, or 45° arrows
• Turn off both arrowheads to create a simple line (or use the Line tool instead)
• Adjust stroke width to match the visual weight of connected elements
• Use different stroke colors to show different types of relationships
• Group arrows with shapes to keep flowcharts organized

Difference from Line Tool

• Arrow Tool - Creates lines with arrowheads enabled by default (end arrow on)
• Line Tool - Creates plain lines with no arrowheads; add arrowheads in Properties Panel if needed

Related Tools

• Line Tool - Draw simple lines without arrowheads
• Pen Tool - Create curved arrows with bezier paths
• Connector Tool (coming soon) - Arrows that automatically attach to shapes