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
  • Create designs
  • Work with layers

Measure distances between layers

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

Measure distances Measure distances between nested layers Object bounds Overlapping layers Vector edit mode

Before you start

Who can use this feature

Available on all plans

Users with can view or can edit access to a file can measure distances between objects on the canvas

Vector mode requires can edit access to a file

Measure distances between objects in the canvas with measurement guides. This allows you to measure the distance between:

  • Vector shapes and paths
  • Text layers
  • Frames
  • Components
  • Groups
  • Guides

redlines__1_.png

Note: It's not currently possible to measure the distance between two guides. To calculate the distance between two guides, select the first guide and hover over the second guide. Figma will display the position of both guides on the axis so you can calculate the difference.

Measure distances

Measure distances between objects, even if they are nested within Frames, groups, or Components.

  1. Select the first object in the canvas.
  2. Hold down the modifier key:
    • Mac: ⌥ Option
    • Windows: Alt
  3. Hover over the second object.
  4. Figma will display a red line between the two objects, as well as horizontal and vertical measurements.

Measure distances between nested layers

  1. Select the first object in the canvas.
  2. Hold down the modifier keys:
    • Mac: ⌘ Command ⌥ Option
    • Windows: Control Alt
  3. Hover over the second object.
  4. Figma will display a red line between the two objects, as well as a measurement.

Note: It's not currently possible to change the weight or color of the red measurement line. If you are working with similar or low-contrast colors, and want to see the measurement line, you can toggle the Fill visibility of the low contrast layer.

Object bounds

Figma will measure the distances between the bounds of each object - the bounding box that surrounds an object or layer.

There are some situations of types of objects where this behavior may not be what you expect.

  • Strokes: If you have strokes applied to an object, Figma will measure to the object's bounds and not the outer limit of the stroke. You will notice this more on objects with Center or Outside stroke.
  • Text layers: Figma will measure the distance from the text layer's bounds. If you're wanting to measure to the baseline of the text, we recommend updating the bounds of the layer to match the baseline. You may also need to adjust the text resizing property.
  • Polygons and stars: If you have shapes with an odd number of sides, an object's bounding box may extend beyond the shape's dimensions.

    To snap the bounding box to the shape's true boundary, you can flatten the shape. Right-click > Flatten.

Overlapping layers

Overlapping layers may prevent you from being able to measure the distance between nested objects. This includes masks, locked layers, and layers with low-opacity fills.

If you're having trouble measuring to a nested layer, we recommend you check the layers panel for any of the above layers.

If there is a layer blocking your measurement, you can:

  • Toggle the layer's visibility to temporarily hide it. Use the keyboard shortcut:
    • Mac: ⌘ Command Shift H
    • Windows: Control Shift H
  • Toggle the Fill visibility
  • Reorder the layer so that it's below the layer you want to measure to
  • Hold down the modifier key to measure to a nested layer
    • Mac: ⌘ Command Option
    • Windows: Control Alt

Tip! Want to add more permanent measurements to a file? Check out the Figma Measure plugin.

Vector edit mode

Measure between anchor points when you are in vector edit mode. Use this to measure distances between existing anchor points, or to create a new point.

  1. Select the object you want to edit.
  2. Click Edit object in the toolbar, or press the Enter / Return key.
  3. Click on an anchor point to select that point.
  4. Hold down the modifier key
    • Mac: ⌥ Option
    • Windows: Alt
  5. Hover over an existing to measure the horizontal and vertical distance between those two points.
  6. You can also use the measuring tool to see the distance between the selected point and a new anchor point. Click on the canvas to add a new point in that position.
  7. Press Enter / Return to leave vector edit mode.

Measure_in_vector_edit_mode.gif

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Select layers and objects
  • Arrange layers with Smart selection
  • Create layout guides
  • Scale layers while maintaining proportions
  • Apply constraints to define how layers resize
  • 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