top | item 22683763

(no title)

nihonium | 6 years ago

I only have limited experience with Figma (my prev experience is with Sketch,Zeplin and Invision), but as a Developer, I'm finding it very hard to inspect elements and find margins, paddings and distances between elements. Not sure if our design team is doing something wrong.

discuss

order

comis|6 years ago

You can use Figma + Zeplin. Maybe have your designer export a design to Zeplin and see if you have the same issues inspecting elements there as well.

It's most likely that your designer just has a messy file. I've never had an issue with the Figma inspector.

ggenoyam|6 years ago

Some of it probably has to do with the file itself not being clearly organized, some of it is probably how Figma selects groups.

Where I work, we started to mark the spaces with spacer elements, which look like boxes that have the number of pixels on them. It felt like a waste of time after using Zeplin, but it’s just much easier to see the measurements at a glance and doesn’t require the engineers to measure everything themselves. As a designer, it saves me time because I don’t have to answer as many questions or spend as much time on the design QA feedback loop.

tailsdog|6 years ago

In Figma if you select an element and then hold the `option` key when you hover other elements it will show you the distances between them.

nihonium|6 years ago

Yes I know, but most of the time it shows it wrong, it adds some artificial space or it just does not detect the element under the mouse cursor.