# How to Add a Line in Framer

> To draw a straight line in Framer, open your project, select Vector elements, and choose Path. Click once to set the starting point of the line, then click again to create the end point, resulting in a straight line segment.

Canonical: https://livedemo.ai/tutorials/how-to-add-a-line-in-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a0149243f01ed60a4f074/preview?step=1

## Steps

1. Open your Framer project.
2. Select 'Vector' elements to customize shapes with precision.
3. Select 'Path' to refine paths to create custom shapes for your unique design.
4. Click once to create the starting point of the line, then click again to create the end point.
5. By following these steps, it will draw a straight line segment.