Web Design » Figma » How do you draw a line in Figma?

How do you draw a line in Figma?

Last updated on September 24, 2022 @ 6:39 pm

If you are familiar with Adobe Illustrator, then you will be familiar with the pen tool. The pen tool is located in the top left corner of the Figma interface, and you can use it to draw lines, circles, and other shapes.

To draw a line in Figma, you first need to select the pen tool. Once you have selected the tool, you will see a set of options at the top of the interface.

The options you will want to focus on are the width and the height of the line.

PRO TIP: If you are not familiar with Figma, we recommend that you consult with a professional before attempting to draw a line in the program. Incorrectly drawing a line in Figma can result in unwanted lines or shapes in your design.

The width of the line can be set by clicking on the left hand side of the line box, and then selecting the width that you want the line to be. The height of the line can be set by clicking on the right hand side of the line box, and then selecting the height that you want the line to be.

Once you have set the width and the height of the line, you will need to click on the blue line box to start drawing the line. You will then need to hold down the left mouse button, and then drag the line box to where you want the line to be.

When you are finished drawing the line, you will need to release the left mouse button, and then click on the blue line box to finish drawing the line.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.