Arrow Tool
Draw arrows with customizable heads and tails. Essential for diagrams, flows, and calling out elements.
Design
Shortcut: Shift+LBeginner4 min readQuick Reference
Arrow Tool
FigmaKeyboard Shortcut
Shift+Lkey
Toolbar Location
Figma toolbar
Best Used For
- ▸Refer to the tutorial content for specific use cases
- ▸Practice with sample projects to build experience
- ▸Combine with other tools for advanced workflows
Beginner-Friendly⏱ 15–30 minutes to master
Key Settings
Draw:ShiftEndpoints:Style:
The Arrow Tool creates lines with arrowheads at one or both ends. It is widely used for flow diagrams, directional indicators, and design annotations.
Where to Find It
Click and hold the Line Tool (L) in the toolbar, then select Arrow from the dropdown.
How to Use
- Draw: Click and drag from start to end point. Hold Shift for 45-degree angles.
- Endpoints: In the Design panel, toggle arrowheads on the start or end of the line.
- Style: Adjust stroke weight, color, and dash pattern in the Design panel.
Pro Tips
- Use arrows for user flow diagrams and site maps during UX planning.
- Combine dashed arrows with solid arrows to differentiate between different types of flows.