In case anyone comes across this thread in the future, it is possible to add a keyboard shortcut to the Object > Align to Pixel Grid menu item on macOS without needing a third party extension.

Go to System Preferences, Keyboard, App Shortcuts, and hit the plus button. Select Adobe XD as the application (you may need to select "other" first, then find it in your Applications folder), set "Menu Title" to Align to Pixel Grid (with that capitalization), and set the keyboard shortcut to whatever you want (I chose ⌘⇧ X)

Hello everyone,

Just like the majority of you, I find the pixel-fractions super annoying when designing. Even though we have the option to align to the Pixel Grid, there is no shortcut for it.

Since I rely heavily on shortcuts (that save a lot of design time) and so far there's no way of adding it to the "Align to Pixel Grid" option, I've spent a couple of hours creating a simple and lightweight plugin that adds the shortcut to that command, saving a lot of time.

You can download the plugin here: https://github.com/hugompfigueira/align2pixel-xd-plugin

You will find all the documentation, how to add it to Adobe XD, and how to use it.

This may be just a quick fix until Adobe adds that option to edit/create shortcuts.

Thanks!

Is there a way to get a shape point snapped to the pixel grid, please?

Why is it that all line lengths are aligning to half-pixels? It's really cumbersome to keep removing that .5 pixel to get it aligned to the pixel grid. I understand if you have an odd numbered width, but that should not affect the length of the line from snapping to a whole pixel.

@ Peter.... Wouldn't it make sense to put the button where the coordinates are? instead of searching through the nav menu.... Basic UX/UI, no?

You create an element at 56x56px, but then you move it around and the spacing between elements then has decimals. When all you just want it to snap to grid.

Hello,
XD on Windows doesn't have the top level menu, so I can't choose the option "Object>Align to Pixel Grid"...

Is there a keyboard shortcut ?

Thx,
Mike

Snap to pixel by default would be way better. Never in my puff have i specified a box to be 212.5 x 214.3px with a margin of 22.5px all around. :/

If you're building an app for Web/App UI it should be restricted as such.

PS Blend modes please

I don't understand why we need subpixels!!! they are so annoying.

Thank you.

I get decimal values constantly. They are rarely perfect .5 values either. I find myself wandering through my prototypes looking for them and removing them manually.

Yeah, If we can we have a keyboard shortcut for that, that will be epic

RE: "Note: aligning to pixel grid does not always mean the X/Y/W/H won’t have fractions. For center-stroked shapes (lines and Pen tool, mostly), sometimes the X/Y need to end in .5 to keep the stroke crisply aligned on-pixel."

Can someone please explain to me why this happens? I find the .5 values to be a nuisance when aligning and measuring distances between elements.

I'm assuming this has something to do with the line being centered over the pixel, but I'm not sure I fully understand. If I were to create a 1px tall rectangle instead, I feel that it behaves more like how the line SHOULD behave. Am I missing something?

Snap to pixel by default not by command please Tom.

This is a constant irritation. Please snap to pixels by default when resizing objects. The measure feature doesn't work when objects don't snap to pixels.

example: A box is 100 x 100px on the 100x 100y. Drag another box to position it but the second box is 100.53x 100.52y these items will not "align" properly.

In addition, resizing things like boxes breaks objects from the current rounding into fractional pixels at times.

Yes, make align to pixel the default for all, with object-level override available.

I agree with the comments below. Snap to pixel should be default and other pixel options can be tweaked as and when desired. Glad to see this started.

Having to mess with fractional positioning in the input field when resizing or positioning when there could be an option to be all be aligned to pixel grid would be great.

Note: XD should keep most of your content automatically snapped to the pixel grid by default. The main case it doesn't is when creating paths with the Pen tool.

If you're seeing other examples where content you created in XD is not crisply aligned to pixels, please let us know by creating a bug report at https://adobexd.uservoice.com/forums/353010-adobe-xd-bugs.