Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Design – Figma Learn
  • Tour the interface
  • File utilities

Add guides to the canvas or frames

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Enable rulers Create a new guide View distances (redlines) Remove guides

Before you Start

Who can use this feature

Available on any plan

Anyone with can edit access to a file can create and edit guides

Guides are helpful when you're trying to precisely position layers or objects in your designs.

 

Enable rulers

Before you can add guides to your file, you must enable rulers on the canvas.

  1. Open the Main menu.
  2. Hover over View and select Rulers. 

Enable rules from the main manu.png

Create a new guide

To create a new guide, click and drag on the horizontal or vertical ruler to pull the guide onto the canvas.

create a new guide.gif

 

You can also create a new guide from an existing guide by holding Option (Mac) or Alt (Windows), then clicking and dragging from an existing guide.

Figma has both canvas and frame level guides for positioning and aligning objects in your designs. 

The dotted line acts as visual indicator that your guide is intersecting with a frame on the canvas.

View distances (redlines)

With a top-level frame selected, hold Option (macOS) or Control (Windows) as you click and drag out a guide. You will see the distance (in pixels) between the guide and the frame. This distance is also reflected in the ruler. When the guide intersects your frame it will begin measuring distances between the guide and objects in the frame. 

When a frame is selected, the rulers are highlighted in blue, calling attention to the coordinates of the frame on your canvas. When you select objects in the frame, you'll see the same blue highlights for the selected object. 

view distances using guides.gif

Guides inside frames are recognized as another object in the frame. This means you can view redline distances between the guide itself and other elements in the frame, as well as the parent frame. 

Remove guides

To remove a guide, you can do any of the following:

  • Click and drag the guide back to the rulers
  • Select the guide and press delete
  • Right-click on the guide and select Remove guide

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Keyboard shortcuts in Figma
  • Use the actions menu in Figma Design
  • Set custom thumbnails for files
  • Adjust your zoom and view options
  • Set small and big nudge values
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand