Skip to main content

Hi,


I really enjoy how snappy and easy to use is the new measure (Shift+M) tool in Dev mode.

However, I was unable to find a way how to annotate minimum and maximum width values there.


In my case pixels are not that important and my preferred units are CSS Grid fractions. It would be nice if the measurement tool would let overriding its original value, so I could emphasise what’s important, in my case:

width: 1fr.

min-width: 300px.


If there’s already a way to do that, I would love to hear that!


Example image attached:

Screenshot 2024-02-12 at 14.26.40

And even though the width is set to “hug” and the min-width is set, the measure tool doesn’t display it.


Screenshot 2024-02-12 at 14.27.32

The closest solution I found, was using “Annotate” tool (Shift + T).

I was able to use the label value for the width number and min-width add as a property.

But it would be really nice to show these numbers in “measure” instead.


Screenshot 2024-02-12 at 14.29.23

Hi @Domas_Markevicius1, Thanks for sharing your thoughts about measure tool!

I’ll make sure to share your ideas with our internal team. Also, thank you for finding out to use annotations as a workaround. I completely agree with that!


If you are curious, please check here: Add measurements and annotate designs in Dev Mode


And, please don’t forget to give your idea a vote-up!


Thank you,

Hey @Domas_Markevicius1 👋 Great news – we’ve implemented your feature request! Thank you for your valuable input; it’s now live for you to enjoy.


🚀 Here’s the launch tweet from our Team:

x.com

Reply


Terms & ConditionsCookie settings