Figma plugin#12 in Dev Handoff

Measurement

Add measurements lines to your design

by Maged William

users
37K
likes
240
saves
5.2K
comments
7
FreeWorks inFigma Design
Price
Free
Latest version
v12 ยท Nov 1, 2023
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 36,537 users and 240 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 12 ยท released Nov 1, 2023

  • fix hard coded unit of PX while creating a new line
  • add line color
  • update recalculation functionality to reflect new values
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

    293K users2.9KFree + paid features

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

  2. 2

    Measure

    by Philip

    161K users3.3KFree

    Add measurement lines and additional helpful information to your designs

  3. 3

    Redlines

    by Danny Keane

    143K users3.8KFree
  4. 4

    DesignDoc [Spectral]

    by Marka Plugin Dev

    141K users3.2KFree

    ๐Ÿ“ Effortlessly hand off your Figma designs to the development team

  5. 5

    Specs Classic

    by Directed Edges Plugins

    139K users5.6KFree + $8/mo upgrade

    Generate component specs including anatomy, props and layout & spacing

  6. 6

    Inspect Styles

    by max.denaro

    139K users4KFree

    Inspect styles from Figma and transform to CSS

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>

Want it featured on figmaplugins.co? Submit it for review