Quick summary
Drawing a line in Framer requires selecting either the Vector or Path tool from the toolbar, then clicking to set a start point and endpoint on the canvas. Once created, the line's properties — such as stroke, color, and size — can be adjusted directly in the right panel.
Steps
- Open your Framer project and navigate to the canvas where you want to draw your line.
- Select the Vector tool from the toolbar for pixel-perfect control over your line shape.
- Choose Path from the toolbar to create custom line shapes with refined control.
- Click once on the canvas to set your starting point, then move your cursor and click again to place the endpoint.
- Your straight line is now created — adjust its properties such as stroke and color in the right panel.



