Comments (12)
Sorry to bother you again Philip. It is working now when using auto layout! Amazing job!
Unfortunately it doesn't work when the objects you want to measure are components that have auto layout applied to them.
from figma-measure.
Fixed! Thanks for reporting
from figma-measure.
I think now its fixed. Please try it again. I've updated the recursive group search, because I cannot create nodes inside instances.
from figma-measure.
Hey Philip, thank you for all the quick and hard work. It is working now. You are the best!
from figma-measure.
Thank you! Is it possible for you to invite me to your file or to a copy of it? ([email protected])
from figma-measure.
I invited you to the file. If you didn't get an invite, here is the link. https://www.figma.com/file/Uy8alD4CLD6WnbBYZGnlSH/Auto-Layout-Test-File?node-id=0%3A1
Just ask for access permission, and I'll take care of the role you are assigned to.
from figma-measure.
Hi @MaikRieff! I took a closer look at the whole thing and found the error. Frames count as an additional auto-layout element, so I excluded them. Now I looked for the closest parent element and moved the measurements to the closest measurement group, which must not be in an auto layout.
I have created a version that you can test. Just unzip it and import it. Plugins > Development > Import plugin from manifest... > open the manifest.json
. Now you can find it in the plugin development menu.
Would appreciate feedback :)
Download:
Measure.zip
from figma-measure.
Shipped!
from figma-measure.
Am I doing something wrong? Thanks for the quick turn around!
test.mp4
from figma-measure.
Hey ph1p, is there a way to apply the measurements for padding inside of components without having to adjust their placement? In my current situation when measuring button padding, the measurement will overlay over the measuring line. Do you think there is a solution for that?
When I apply the measurement it looks like this:
Instead it would be great if there is some kind of tool that lets me designate how much space is between the measurement and the measurement line.
So it could look something like this:
Also let me know your Venmo or Paypal so my manager and I can invite you to a coffee!
I tried playing around with the distance tool available but it won't change anything.
from figma-measure.
Hi, I'll take a look at it! It's definitely possible to do that.
I should also rethink the UI a bit, because there are many things and I don't want to create too much clutter 😅.
This is really nice, you do not have to, but if you want, my paypal is @ph1p
from figma-measure.
Haha no problem, you deserve it. I sent you a little treat, I forgot to attach a note. 😃
from figma-measure.
Related Issues (20)
- Bug: Padding HOT 5
- Dark Mode
- Darkmode UI design
- Change color of tooltip
- Choose Font (Tooltip)
- New way to store structure of measurements
- Improve settings screen
- Try size based on zoom
- Find a way to implement annotations
- Add possibility to choose between global and frame measure group
- Handle new auto layout (absolute positioning)
- padding measurement should not include shadows HOT 1
- Idea: Show Frame Resizing & Auto Layout Settings in Tooltip HOT 1
- Measure create a blank Frame outside of the main content. HOT 1
- Free text annotations
- Label Alignment
- Measurement does not reach bottom of element
- Modulus Operator for Units
- Cant select padding measurements HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from figma-measure.