Line Tool
Draw straight lines and connectors. Hold Shift to constrain to 45-degree angles.
Design
Shortcut: LBeginner3 min readQuick Reference
Line Tool
FigmaKeyboard Shortcut
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:ShiftStyle:Endpoints:
The Line Tool creates straight vector lines. It is used for dividers, connectors, underlines, and decorative elements in UI design.
Where to Find It
Press L or select the Line icon from the shape tools in the toolbar.
How to Use
- Draw: Click and drag from start to end point. Hold Shift for 45-degree angle increments.
- Style: Adjust stroke weight, color, dashes, and arrowheads in the Design panel.
- Endpoints: Add arrowheads to the start or end of the line for flow diagrams and prototypes.
Pro Tips
- Use dashed lines and arrowheads for creating flow diagrams and user journey maps.
- Lines remain straight — use the Pen Tool for curved connectors.