Highlighted

How to add ruler guides?

Community Beginner ,
Nov 16, 2016

Copy link to clipboard

Copied

I'm looking for somewhere in Experience Design where I can create and drag horizontal and vertical guides around the page. I use this alot in photoshop for designing interfaces. e.g. I want to design to a 1140px container with a three column grid inside with gutters, and horizontal guides to align my type. Is there some kind of layout/guide/grid tool that I am missing? Other than that 'grid' tool that draws repeated squares all over the artboard - this doesn't allow for guides and rulers like what I am looking for.

Adobe XD doesn't have a way to create real guides yet. You can add your vote for that feature here: Guides – Adobe XD Feedback

In the meantime though, you can closely approximate guides this way: create regular Line objects and then lock them so you can't accidentally move or select them.  Other objects will snap to these lines just like guides.  The only trick is, if you ever need to export the whole artboard, you'll have to manually hide these lines so they're not included in the exported image (you can multi-select them in the Layers panel and then use Object > Hide to toggle all of them at once).

Hope that helps!

- Peter

Views

43.3K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to add ruler guides?

Community Beginner ,
Nov 16, 2016

Copy link to clipboard

Copied

I'm looking for somewhere in Experience Design where I can create and drag horizontal and vertical guides around the page. I use this alot in photoshop for designing interfaces. e.g. I want to design to a 1140px container with a three column grid inside with gutters, and horizontal guides to align my type. Is there some kind of layout/guide/grid tool that I am missing? Other than that 'grid' tool that draws repeated squares all over the artboard - this doesn't allow for guides and rulers like what I am looking for.

Adobe XD doesn't have a way to create real guides yet. You can add your vote for that feature here: Guides – Adobe XD Feedback

In the meantime though, you can closely approximate guides this way: create regular Line objects and then lock them so you can't accidentally move or select them.  Other objects will snap to these lines just like guides.  The only trick is, if you ever need to export the whole artboard, you'll have to manually hide these lines so they're not included in the exported image (you can multi-select them in the Layers panel and then use Object > Hide to toggle all of them at once).

Hope that helps!

- Peter

Views

43.3K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 16, 2016 1
Adobe Employee ,
Nov 16, 2016

Copy link to clipboard

Copied

Adobe XD doesn't have a way to create real guides yet. You can add your vote for that feature here: Guides – Adobe XD Feedback

In the meantime though, you can closely approximate guides this way: create regular Line objects and then lock them so you can't accidentally move or select them.  Other objects will snap to these lines just like guides.  The only trick is, if you ever need to export the whole artboard, you'll have to manually hide these lines so they're not included in the exported image (you can multi-select them in the Layers panel and then use Object > Hide to toggle all of them at once).

Hope that helps!

- Peter

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 16, 2016 0
New Here ,
Jun 16, 2017

Copy link to clipboard

Copied

When I can expect to add option guidelines Layout?

— Thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 16, 2017 2
New Here ,
Oct 01, 2017

Copy link to clipboard

Copied

Minimum viable product being redefined? Medieval stuff guys, this is the bare minimum.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 01, 2017 26
New Here ,
Apr 12, 2018

Copy link to clipboard

Copied

I create a bootstrap guidelines by hand (rectangles)

I positioned them in front of the layout but when I try to move elements, I can´t.

Even the guidelines is locked.

Why?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 12, 2018 0
New Here ,
Dec 27, 2016

Copy link to clipboard

Copied

When will XD have rulers and guides?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 27, 2016 1
Adobe Employee ,
Jan 03, 2017

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 03, 2017 0
New Here ,
Feb 22, 2018

Copy link to clipboard

Copied

Looking forward to guides being added - yes a basic requirement but on the whole, XD is a MASSIVE timesaver so can live with it for now.

Work around as suggested - draw your grid using lines - they can be positioned exactly, by using the right hand property panel for x and y co-ordinates. Once you are happy with it, save them as a symbol so they can be used everywhere. Alternatively, create them in Illustrator (quicker using duplicate) and paste it in.

Cheers

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 22, 2018 0
New Here ,
Feb 22, 2018

Copy link to clipboard

Copied

Also, you can draw 2 lines (horizontal or vertical) and set them as a "Repeat grid" to very quickly draw a grid.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 22, 2018 1
Community Beginner ,
Apr 22, 2018

Copy link to clipboard

Copied

Waiting for this too!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 22, 2018 1
New Here ,
Jul 27, 2018

Copy link to clipboard

Copied

The original reply was in 2016. Any updates?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 27, 2018 2