New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 01 : Design mode

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1356 ideas
  • 02 : Prototype mode 368 ideas
  • 03: Share mode 46 ideas
  • 04 : Sharing on the web 214 ideas
  • 05 : Asset exporting 154 ideas
  • 06 : Extensibility 37 ideas
  • 07 : Integration with other tools 117 ideas
  • 08 : Mobile (iOS) 25 ideas
  • 09 : Mobile (Android) 18 ideas
  • 10: Developer Handoff 138 ideas
  • 11: Plugins 134 ideas
  • Other 102 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,836 ideas

Layout Grid (Columns, Rows, Margins, Gutter)

Have an ability to display a grid/guides mainly for web design use cases.

  •  
    Capture_d’écran_2017-11-24_à_20.06.09.png 164 KB
  •  
    Screen_Shot_2016-05-18_at_12.29.03_PM.png 248 KB
  •  
    Grid_System.jpg 219 KB
  •  
    Screen_Shot_2016-05-18_at_12.29.03_PM.png 248 KB
  •  
    Grid_System.jpg 219 KB
2,343 votes

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

jsprlprd shared this idea  ·  March 14, 2016  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
feature-completed  ·  AdminElaine (Adobe) (Product Manager, Adobe) responded  ·  November 21, 2017

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!

Thanks,

-Elaine

Show previous admin responses (14)
feature-started  ·  AdminElaine (Adobe) (Product Manager, Adobe) responded  ·  June 02, 2017

We’ve tried to keep it under wraps, but we’re currently working on the early steps of getting this feature working. Please be patient with us and be on the lookout for some upcoming research opportunities!

Thanks,

-Elaine

feature-in-the-backlog  ·  Tom Krcha responded  ·  August 11, 2016

We are currently designing this feature and planning to pickup this work soon. It’s high on the list for us.

Tom (Adobe XD)

feature-in-the-backlog  ·  Demian Borba responded  ·  July 11, 2016
feature-under-review  ·  Demian Borba responded  ·  July 11, 2016
feature-in-the-backlog  ·  Demian Borba responded  ·  July 11, 2016
feature-under-review  ·  Demian Borba responded  ·  July 11, 2016
feature-in-the-backlog  ·  Demian Borba responded  ·  July 11, 2016
feature-under-review  ·  Demian Borba responded  ·  July 11, 2016
feature-in-the-backlog  ·  Demian Borba responded  ·  July 11, 2016
feature-under-review  ·  Demian Borba responded  ·  July 11, 2016
feature-in-the-backlog  ·  Tom Krcha responded  ·  May 25, 2016

We currently support Square Grid per artboard.

Layout Grid is coming in the future.

Tom (Adobe XD)

feature-started  ·  Demian Borba responded  ·  May 02, 2016

The first iteration of Grids is shipped on our Public Preview 2 in April 2016. Stay tuned for more improvements! http://adobe.ly/xd for downloading it.

feature-started  ·  Tom Krcha responded  ·  March 17, 2016

Hi everyone,

I am currently investigating the rulers and the need for them. Since all of you voted for them, we’d like to understand more about how do you use rulers today or would like to use them in the future.

Let’s imagine a world, where you have guides, measurements, object distances displayed directly on the canvas in context of your current design (currently we have only the last one, distances for snapped objects), would you still need global rulers with global positions or those features mentioned are enough for you to operate successfully on canvas?

If you still need rulers if all these cases were satisfied, please let us know more about the needs and the ways you use them.

Thank you

Tom (@Adobe)

feature-started  ·  AdminJoan Lafferty (XD Product Manager, Adobe) responded  ·  March 14, 2016

We are currently working on this.

Tweet
  • Remove
Attach a File

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Aleksandar Cucukovic commented  ·  March 17, 2016 15:57  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    When i design websites in Ps, i use Bootstrap grid system, so when i give the files to the developers, they know what width i used, how many columns, what classes to use etc. This feature will be really welcome, if you could include rulers (as in PS) so we can draw the grid, and save it for later use, or some similar option.

    Thank you for creating XD, it's AWESOME!

    Submitting...
  • Sylvester Aryee commented  ·  March 17, 2016 15:55  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I think for me, it's more of a desire for responsive grid guides than an actual ruler or even guide lines. I don't actually use the ruler myself either.

    However, if the 'Responsive Artboard' feature:

    https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/12942171-responsive-artboards

    is added, then the ruler's purpose might shift from being a design guide to becoming a media query breakpoint indicator.

    Much like Chrome's breakpoint developer tool.

    Submitting...
  • Ashleigh commented  ·  March 17, 2016 15:37  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    As long as I am able to set up a grid quickly and easily (like the GuideGuide extension or the way I can do it in Photoshop CC) i'm happy. I'd want the ability to switch these on and off so I can see a preview of my mocks without the interference of the lines.

    I've currently set up 1px rectangles in XD as my workaround which i'll need to remove before sending artwork off.

    I like having the rulers there as a guide but only use them if need an extra guideline I didn't set up in my initial grid.

    Submitting...
  • Tom Kruk commented  ·  March 17, 2016 15:35  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    The fundamental problem with rulers, guides, smart measurement is that they don’t always know the context of what you want to measure.
    Rulers (ex Info Panel) often tell you the distance relative to the Top Left or Center. Smart Measurements (purple overlays) often miss the context of what you are trying to measure (see Fig 1).

    I've put together a quick PDF document with screenshots demonstrating the UI. Hopefully it will make it clearer. I show the problem (with screen) and a possible solution (2 screens) utilizing both RULER and GUIDE. Please let me know if I can help further.

    https://dl.dropboxusercontent.com/u/538933/GuidesRulersTK.pdf

    Submitting...
  • Keith Rondinelli commented  ·  March 17, 2016 14:56  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I almost never use rulers in web design. In Photoshop, they serve mainly to allow me to drag guides onto the canvas. Being I'm usually designing responsive web sites, I almost invariably use something like the GuideGuide extension to set up guides: margins, columns, gutters, etc. A way to do this within XD would be a dream. A grid system is indispensable for modern design, and a way to set up columns that elements can snap to would be great. The ability to save multiple sets of columns would be great, too.

    Submitting...
  • Simeon Vincent commented  ·  March 17, 2016 14:50  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I can only speak for myself, but I like having an artboard-level ruler for the currently active artboard. I tend to run Illustrator with rulers and grids on and usually only turn them off if the extra data is getting in the way of what I'm trying to mock out.

    My two cents on rulers is that they serve as a static frame of reference for the design I'm working on. Relative measurements between objects and guides are certainly useful and welcome, but the big benefit of having rulers visible is that I grounds everything else I'm looking at.

    Personally, I prefer to have rulers attached to the window frame rather than floating next to the artboard. When rulers float above or to the sides of an element I get a bit lost. I lose the ability to compare something inside the rulers to something outside of them. Window-level rulers help me quickly size up one object relative to another, a group, or negative space.

    I could probably live without a ruler attached to the window frame, but it would take some getting used to.

    Submitting...
  • Olga commented  ·  March 17, 2016 14:48  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    As for a smart grid system - of course, yes! But PS and AI way to do it is not enough. Should be something more intelligent and quick. Different types of columns, margins, etc. Closer to Indesign, but more updated for web, interactivity

    Submitting...
  • Jaroslav Bereza commented  ·  March 17, 2016 14:47  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    @Tomáš Krcha: Guides have the greatest value to me at a desktop webdesign is when I marking the edges of website. 1000px width. I want to have all the blocks aligned directly under itself. See http://1200px.com/ This is important in rensponsive webesign. So I can break blocks better under itself.
    Grid is good for rounded dimensions, which is nice for developers.
    Guides must be attached to artboard.
    Contextual clues enough, because you gotta move your mouse a lot of you to know that everything is in the right places.

    ////
    Největší hodnotu pro mě vodítka mají u desktopového webdesignu, když si označuji okraje webu. Šířka 1000px. Chci mít všechny bloky zarovnané přesně pod sebou. Důležitý to je u responzivní designu, kde to můžu snadněji podělit 2,3,4,6 a naskládat bloky pod sebe. Mřížka se hodi na desetinásobky rozměrů, aby to byla trochu hezká čísla.
    Vodítka musí být navázaná na artboard. Kontextová vodítka nestačí, protože se musíš najezdit hodně myší, aby jsi věděl, že je vše na správných místech. Občas si s něčím hneš ani nevíš jak.

    Submitting...
  • Olga commented  ·  March 17, 2016 14:40  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    1) Definitely - YES,

    But

    2) I actually don't use rulers as rulers. I use them as a starting point for dragging custom guides. These guides I need!

    3) As for rulers and metrics - in the ideal world I would love to have a layout of my design with all the distances between the elements for passing it to programmers, because preparing a doc with all this info is always a pain.

    Submitting...
  • David Jackson commented  ·  March 17, 2016 14:33  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Guides and rulars like photoshop and illustrator

    Submitting...
  • Nadya commented  ·  March 17, 2016 14:31  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    The "grid layout" in Photoshop is super handy in addition to the object distances. Another good example is the "Split object/path into grid" in illustrator for creating column grids for responsive sites.

    Submitting...
  • Colette Tam commented  ·  March 17, 2016 14:28  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    As I was working in XD, I instinctively wanted to drag a snapping guide from the ruler to my canvas, just like the Photoshop environment. That ability would be useful when two artboards of the same layout are created but I have to go back in and adjust an object by a few pixels here and there.

    Submitting...
  • James commented  ·  March 16, 2016 12:26  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It'd be awesome if XD had flexible grids (percentage-based within an artboard). I always have to draw these out in Illustrator, and it's even more difficult in Sketch.

    Submitting...
  • Kevin Neal commented  ·  March 16, 2016 05:29  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Will you be able to integrate Foundation / Bootstrap in any way

    Submitting...
  • jsprlprd commented  ·  March 15, 2016 23:45  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Like the way grids are made in Adobe Comp

    Submitting...
  • Ian commented  ·  March 15, 2016 14:00  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Baseline, columns, gutters, etc... Snapping too

    Please please please!

    Submitting...
  • prestonux@gmail.com commented  ·  March 15, 2016 12:11  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is a very important tool as well as the ability to setup a custom grid structure. It's also important to allow for guides as well as the ability to make these transparent so they don't obscure design elements.

    In addition it would be great to see a set of pre-set guides / grid structures that can be loaded based upon best practices within the community for devices / and resolutions (IOS, Android) etc...

    Submitting...
  • dave commented  ·  March 15, 2016 12:09  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Another request for guides and grids :) Kind of a must-have...

    Submitting...
  • Anonymous commented  ·  March 15, 2016 10:49  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Guide Guide is a great start, column and baseline great are a must! But would love the feature to have PADDING, please. Also, if we could have the grid as solid shapes with opacity controls for overlay, super nice to have.

    Submitting...
  • Jesse commented  ·  March 15, 2016 09:42  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Guides and rulers. +1

    Submitting...
← Previous 1 2 … 12 13 14 15 16 Next →

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy