How Do You Add Guidelines in Figma?

Figma is a powerful design tool that enables users to create high-quality digital designs. It’s an excellent choice for both web and mobile development projects, as it offers a variety of features to help designers quickly and efficiently create professional-looking designs.

One of the key features of Figma is its ability to add guidelines to designs. Guidelines can help designers keep their work organized and provide structure to the design process. But how do you add guidelines in Figma?

Adding Guidelines in Figma

Adding guidelines in Figma is a straightforward process. To begin, select the ruler icon from the toolbar on the left side of the workspace.

This will open a window with several options for creating guidelines, including horizontal, vertical, and diagonal lines. You can click and drag on the canvas to create a guideline at any angle or length you desire.

Once you’ve created your guideline, you can adjust its parameters by double-clicking on it. This will open up a panel with various settings, such as color, thickness, opacity, and more. You can also use this panel to adjust the starting and ending points of your guideline if needed.

In addition to manually creating guidelines, Figma also offers several useful tools that make it easier to add them. For example, if you have multiple objects aligned along an axis or boundary line, you can use the “Align” tool to quickly create a guideline along that axis or boundary line.

Finally, if you need to add several guidelines at once, you can use the “Grid” feature. This feature allows you to quickly generate multiple horizontal or vertical lines at regular intervals across your canvas.


Adding guidelines in Figma is an easy process that helps designers keep their designs organized and structured. By using the ruler icon in the toolbar or one of Figma’s many helpful tools such as Align or Grid, users can quickly generate multiple lines at regular intervals across their canvas.