0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#12 in Dev Handoff

Measurement

Add measurements lines to your design

by Maged William

users
35K
likes
227
saves
5.1K
comments
7
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v14 · Feb 28, 2024
First published
Mar 5, 2021
Publisher
Maged William
Features

What Measurement does

Summarised from Maged William's description on the Figma Community.

  • Select a frame (or not)

  • Select line direction

  • Click new measurement

  • Select the new measurement and

  • Click recalculate when needed

On this page
Overview

About Measurement

Measurement is a free Figma plugin published by Maged William in 2021. It works in Figma Design and has 35,030 users and 227 likes on the Figma Community. It ranks #12 in Dev Handoff on our lists.

In the developer's words

Add measurements to your design, like cad

How to use

  1. Select a frame (or not)
  2. Select line direction.
  3. Click new measurement.
  4. Select the new measurement and.
  5. Click recalculate when needed.

Note: You can select multiple measurements and recalculate them all at once.

Changelog

What's new

Version 14 · released Feb 28, 2024

  • Migrating Plugins to Dynamically Load Pages
Trust

Permissions and privacy

Network access

Measurement can only connect to the domain declared in its manifest: *.figma.com.

  • *.figma.com

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Measurement ranks

Compare

Measurement alternatives

  1. 1

    Zeplin

    by Zeplin Crew

    291K users2.9KFree + paid features

    Design tools are for designing. Zeplin is for clear, structured design delivery.

    View details
  2. 2

    Measure

    by Philip

    158K users3.2KFree

    Add measurement lines and additional helpful information to your designs

    View details
  3. 3

    Redlines

    by Danny Keane

    141K users3.8KFree
    View details
  4. 4

    Inspect Styles

    by max.denaro

    136K users3.9KFree

    Inspect styles from Figma and transform to CSS

    View details
  5. 5

    Specs Classic

    by Directed Edges Plugins

    136K users5.5KFree + $8/mo upgrade

    Generate component specs including anatomy, props and layout & spacing

    View details
  6. 6

    DesignDoc [Spectral]: Measures, Annotations, and Handoff

    by Marka Plugin Dev

    132K users3KFree

    📐 Effortlessly hand off your Figma designs to the development team

    View details
FAQ

Measurement FAQ

What does Measurement do?

Add measurements lines to your design. It's a Figma plugin by Maged William that runs in Figma Design.

Is Measurement free?

Yes. Measurement is free to install and run from the Figma Community, with no paid tier listed.

Is Measurement safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Measurement can only connect to the domain declared in its manifest: *.figma.com. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Measurement?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Measurement?

By user count, the closest alternatives are Zeplin, Measure and Redlines. Compare all of them on the best Figma plugins for dev handoff.

For developers

Built this plugin?

Use this page as a landing page for Measurement: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Measurement on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/measurement/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Measurement on figmaplugins.co" width="220" height="48"></a>