Layout Grid (Columns, Rows, Margins, Gutter)
Have an ability to display a grid/guides mainly for web design use cases.
As you’ve probably noticed, we’ve delivered Layout Grids in the November release of XD. We’d love specific feedback on Layout Grids as we continue to grow, so I’m closing this feature request. If you have specific additional functionality you’d like to see in the Layout Grid feature, please do file it as a new feature request in the Design feature area!
Add the grid lines option more judgement
I can't even begin to look at this without rulers and grids - i keep checking back to see it its worth a look but not even a ruler?
Mitch Lenzen commented
Ok, time to pause Windows 10 design track and get back to Mac features, especially layout view. This feature alone would make the choice between Sketch and Xd a much easier decision.
Please add guides.
David Diomede commented
I keep looking for a grid, you have it available in InDesign, Illustrator, and photoshop, why not XD?
We are looking out for some feedback w.r.t to Layout Grids.
Guides, shure. But the layout-thingamabob Sketch has going on, is the beez neez.
Get on with it already
XD Team, Why not make our design process easier and generate a bootstrap grid system with every new artboard, I mean when I create a new artboard I'd like to have an auto generated grid that fits my artboard size, I thinks this feature will help us a lot.
Martin Stack commented
I need this one too.
Zach Bruce commented
Checking in on the status of this. Last response from Tom is coming up on a year. This is one of the most debilitating omissions from an otherwise great UX Design application!
Eric Thayer commented
I have never used a grid overlay and don't think you need one for static designs. You really don't need one in your code base either. CSS Grid and Flexbox have you covered there.
Aaron C commented
Very much required. Please get it done.
This is critical. Guides, please.
This should be priority number one. Why is it still in the backlog?
If grid layouts become available it would be nice to have grid templates for popular responsive frameworks like bootstrap etc.
Guuuuuuuys. Please. Need. Guides. Thanks.
Basically I can't and won't touch the program until there are guides. Really excited about it, its just not a good use of my time to learn the software... yet.
Still in the backlog, this is the most requested feature and its being ignored. Listen to your users Adobe, this is a deal breaker for most. You'll loose everyone to Sketch.
Craig Shields commented
First off, love everything about XD. Excited for what's in the pipeline.
Need, need, need this feature though. It's almost a step backwards for app / web / UI design when there is no function for setting up grids and guides for elements to align and snap to.
Just re-iterating how essential this is, as essentially XD is a layout tool. InDesign has a lot of this nailed and in my opinion offers a designer far more dexterity than the tools offered by, say, Sketch. It does this through a combination of tools which each offer a different level of granularity but all work together to provide an overall level of control.
The combination of:
1) a fine-grained document grid with the ability to set the number of subdivisions at the lowest level.
2) rulers, specifically the ability to set a 'zero-point' on the x and y axis (achieved by dragging from the top-left corner between the rulers in PS, ID, etc.) which is then heeded by the document grid. This is essential, as without it the document grid is useless unless your margins happen to match your document grid.
3) Baseline grid at the mid-level. (non-essential, but surely will be useful)
4) Guides, for the creation of a layout grid (columns, rows and gutters) at the macro level.
The ability to choose whether you want to snap to the document grid, baseline or guides independently are also very useful and much appreciated.