Support fractional values in the grid layout
we are working on 1200px width: 12 columns, 30px margin and 72.5 column width but cant work with xd cause of decimal value problem. It is not prossible to enter 72.5 at column width.
While I understand the need for precision, creating grids that snap off-pixel actually makes designing for screens less accurate, as it often forces elements to anti-alias, leading to less crisp artwork when you output. Are you absolutely sure you need columns that are off-pixel? If so, can you explain why?
-
Matt Power commented
I am surprised this doesn't have more votes. If you're designing a layout and you need a set number of columns, their width in pixels is irrelevant.
In the example attached I have a 1366px page with 14 columns (12 plus margins) and I end up with 4 remainder pixels either side which is unnecessary.
-
Aram Wahler commented
I've been working with some game developers and find myself in the position where I have to use fractional grid sizes to work with existing UIs. I agree that this isn't always the best solution but I need Adobe XD to be flexible enough to use even in less than ideal situations.
-
Andy commented
Because your main competitor has it....
If you are designing for responsive design layouts, you would have some breakpoint that needs factional grid sizes.
We have a legacy system that uses fixed gutters, fixed column counts and variable column widths. If you design to demonstrate 320, 350, 768, 1100, 1200, 1500 viewports, one or more of these sizes will need fractional grid sizes.
-
SpotOn-Wes commented
This would be great! I prefer a 12 column grid (because of 12's ability to be divisible by 2, 3, and 4) and would love to have my margins align to iOS's 16px margins while keeping my grid symmetrical.
-
Markus commented
Hello Elaine,
thank you for your answer.
The only elements we export directly from XD that would be affected by off-pixels are images. All other elements are exported as SVGs in Illustrator or built with CSS.
We need the images to fit into our grid so that’s why it would be nice to have a grid that supports off-pixels.
Kind regards