Preventing Resizing to Decimal Pixels

I love Figma and have enjoyed used it since the very beginning. It has come on leaps and bounds since since its early days.

However, one pain point that continues to frustrate me is the decimal resizing issue, as detailed here almost exactly four years ago - https://spectrum.chat/figma/general/how-to-prevent-decimal-pixels~a6007961-7415-4c1e-9430-7e420491c446

Despite all the other fantastic enhancements in the platform, it is disappointing that this core issue is still present.

Even in the latest Playground file (produced by your own team) outlining the latest ā€˜Copy & Pasteā€™ advancements, you can see the problem firsthand, as per the screenshot below.

FAO @Figma & @Figma_Support. Please can I ask that you look at this as a matter of priority. I am sure I am not the only one wasting crucial time, painfully and manually, checking and resizing everything back to integer values.

Thank you.

6 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

I re-used the title of an old post and simply changed the 4 to 5 years. No one replied to @Joe_Pendleburyā€™s question, so I am raising it again. Iā€™m confused as to why Figma still hasnā€™t addressed this issue.

I laid out my padding on numerous complex screens only to find later that all of the shapes suddenly changed to decimal pixels (I have no idea how or when it happened). Now, I have to painstakingly check each shape all over again - adding hours of extra work and putting an extremely tight deadline in real jeopardy.

Two questions:

  1. @Figma_Support - Will this issue ever be prioritized and addressed? If not, why?
  2. Has anyone found a workaround for this issue? a) My preferences were already set to ā€˜Snap to Pixel Gridā€™ so that doesnā€™t help. b) Selecting ā€˜Round to Pixelā€™ only removes fractions from the coordinates, not the shape itself.

Any help here would be most appreciated.
Many Thanks. :pray:

14 Likes

PS - Iā€™m afraid to adjust my padding all over, simply to have them randomly go back to decimal pixels again.

UH YEA!!! This is really annoying! What is the word from FIGMA on this. Why the radio silence!?

3 Likes

@Kyle_Eberle1 @Kleine_Tricia
Hey guys. I recently encountered a similar scenario.

How i fixed mine is by looking for any object or element in my design that seems to carry a decimal point in its width and height, delete the decimal points off and the spacing and paddings will appear in whole numbers when i checked it again.

Might wanna try it out. works for me

Thanks for your response DesignBro. Iā€™m definitely able to go into each element and delete the decimals but when youā€™ve created hundreds of screens and didnā€™t realize one element on in those screens somehow ended up with a decimal itā€™s a huge time suck to go back and edit each screen.

What Iā€™d like is a setting or an ability to lock or snap sizing of elements to whole numbers and not even allow decimals to be created.

6 Likes

Yes, how can get Figma to respond to this issue. Itā€™s super annoying. If I resize using the scaling of an image it works ok and scales with whole numbers. But as soon as I use the constrain proportions design tools area and type in a specific width or height, it changes the other size to a decimal. Then sometimes when I export that image, it shows up with a thin white line because itā€™s not rounded to the nearest whole number. So why does the scaling tool work but not the other way if you put a specific height or width in.

My workaround was to uncheck the constrain proportions and resize manually, but that is super slow when you have a lot of images.

1 Like

Hey, guys! Thereā€™s actually a way. Just go to the Figma Icon, click on ā€œPreferencesā€ and then select ā€œSnap Pixel Gridā€. It worked for me :smiley:

4 Likes

I find that after doing this, it continues to happen. :woman_shrugging:

3 Likes

Hi, I have this problem as well and went through yesterday and painstakingly removed all the decimals. When I look at the design today, though, there are instances where the space between elements includes decimals AGAIN. Why am I unable to purge my design of the decimal spacing? Thanks!

Would be great to have an option to round all values in auto-layout. Managing decimals value for layers dimensions and positions is particularly painful to work with both for designers and during development handoff.

I have the same issue. I just started a new design and somehow these decimals snuck in. Now I have to go and check each element.
Sketch has a setting that avoids this. Why canā€™t FIgma?

Select the Object and Click Preferences-> Snap to Pixel grid. It worked for me :slight_smile:

1 Like

One of the worst bugs!! I think some people now think that they can actually design in fractional pixels! So sad and annoying!! Even with all that money, theyā€™re doing dumb shit instead of fixing the core issues or buying out some plugins that fix things like this.

1 Like

so, 2023, new figma user, is there a way to turn off non-integer pixels yet?

So, if you have checkmark on Snap to pixel Grid ( Ctrl+Shift+Ā“) all elements starts build without decimal pixels.

1 Like

For those referring to ā€œSnap to pixel gridā€, that is not the issue, although it is tangentially related. The original post is talking about resizing, which does not yield integers unless youā€™re resizing to an equal ratio. I also would love a change in that behavior so resizing will automatically round up or down to the whole value (or provide a preference).

Funny enough, auto layout will account for this with its spacing, but the containerā€™s width/height will then be a decimal value, which then affects the x/y position of the next element.

ā€œSnap to pixel gridā€, which I always have enabled, lets you place and draw elements on and at whole values.

Hey Thereā€™s actually a way. Just go to the Figma Icon, click on ā€œPreferencesā€ and then select ā€œSnap Pixel Gridā€. It worked for me.