Web Design » Figma » How Do You Draw a Straight Line in Figma?

How Do You Draw a Straight Line in Figma?

Last updated on September 28, 2022 @ 10:43 pm

There are a few ways to draw a straight line in Figma:

1. Use the Line Tool

2. Use the Rectangle Tool

3. Use the Pen Tool

4. Use the Arrow Tool

5. Use the Shape Tool

How to Draw a Straight Line Using the Line Tool

To draw a straight line using the Line tool, simply click on the canvas where you want the line to start, and then click again where you want it to end. The line will automatically snap to a straight line.

PRO TIP: When drawing a straight line in Figma, be sure to use the Line tool and not the Pen tool. Otherwise, your line will not be perfectly straight.

How to Draw a Straight Line Using the Rectangle Tool

To draw a straight line using the Rectangle tool, click and hold down the Shift key while you click and drag on the canvas.

This will constrain your rectangle to a perfect square, and the line will automatically snap to a straight line.

How to Draw a Straight Line Using the Pen Tool

To draw a straight line using the Pen tool, simply click on the canvas where you want the line to start, and then click again where you want it to end.

How Do You Draw a Straight Line in Figma?


There are a few ways to draw a straight line in Figma:

1. Use the Line Tool
2. Use the Rectangle Tool
3. Use the Pen Tool
4. Use the Arrow Tool
5.

Use the Shape Tool

How to Draw a Straight Line Using the Line Tool

To draw a straight line using the Line tool, simply click on the canvas where you want the line to start, and then click again where you want it to end.

How to Draw a Straight Line Using the Rectangle Tool

To draw a straight line using the Rectangle tool, click and hold down the Shift key while you click and drag on the canvas. This will constrain your rectangle to a perfect square, and the line will automatically snap to a straight line.

How Do You Draw A Straight Line In Figma Using The Pencil Tool?

To draw a straight line using the Pencil tool, hold down Shift as you trace your path along an existing object or guideline.Pencil tool constrain image(Image source: Figma Community Forum – How do you draw a straight line?)

As you can see in this image, when you use constrain with either 45 degree lines or horizontal and vertical lines, your pencil strokes will automatically adjust.
So there you have it! These are just some of ways that help you achieve drawing that perfect, crisp, clean lines everytime in Figma.


Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.