Skip to main content
laurenb99771261
Participant
Nov 16, 2016 10:50 PM UTC
Answered

How to add ruler guides?

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.

    Peter_FlynnCorrect answer
    Adobe Employee
    Nov 17, 2016 2:02 AM UTC

    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

    View reply

    19 replies

    asaavedra78
    Participant
    Sep 25, 2020 2:16 AM UTC

    YAY!  I found out where the guides are..... just float your cursor on the edge of the artboard (left for vertical guides, top edge for horizontal) and you can pull in guidelines to your artboard... AWESOME!!!!!.   I still haven't found the rulers...

    Translate
      Harshika Verma
      Community Manager
      Harshika VermaCommunity Manager
      Community Manager
      Sep 28, 2020 8:19 AM UTC

      Great. You are able to use guides in XD. For rulers, we would suggest submitting your feedback here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/14160699-rulers and upvote the request to add your voice.

       

      Hope it helps.

       

      Thanks,

      Harshika

      Translate
      robertr91483208
      robertr91483208
      Participant
      Dec 16, 2019 8:38 PM UTC

      Sketch user here! Trying to give XD a fair shot. Here are two major annoyances that I've discovered so far:

       

      • Give users a way to organize assets.
      • Allow guides to be pulled from any side of an artboard (or better yet, just ad rulers)

       

       

      <The Title was renamed by moderator>

      Translate
        Peter Villevoye
        Community Expert
        Peter VillevoyeCommunity Expert
        Community Expert
        Dec 16, 2019 9:44 PM UTC

        Did you take a look at the Assets panel (for styles, colors, themes, components) and/or the Adobe CC Libraries ?

        You can set up one or more artboards to serve as style guides.

         

        And did you notice the somewhat lighter area flashing when you move your cursor away from an artboard ? That's the ruler, the guide's source ! I know, it's bit of a hidden gem, until know it. But having rulers alongside every artboard would become a visual nuisance, I guess. How does Sketch handle this ?

        Translate
          robertr91483208
          robertr91483208
          Participant
          Dec 17, 2019 8:01 PM UTC
          1. I know about the guides. But as far as I can tell, they only work on the top / left sides of the artboards. Not particulary useful when the edges are off screen. Sketch has rulers that are very similar to illustrator, photoshop etc... Not a nuisance in the slightest.
          2. Asset organization is very limited in its current form, compared to Sketch. There's no grouping. For example, in Sketch, I can name something "button/primary" and have that automatcally placed in a group of buttons.
          Translate
          noelel56477951
          Participant
          Jul 27, 2018 9:24 PM UTC

          The original reply was in 2016. Any updates?

          Translate
            sarahk6785895
            Participant
            Apr 23, 2018 2:11 AM UTC

            Waiting for this too!

            Translate
              phillipclayton
              Participating Frequently
              Feb 22, 2018 10:09 AM UTC

              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

              Translate
              phillipclayton
              Participating Frequently
              Feb 22, 2018 10:22 AM UTC

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

              Translate
                amantm92
                amantm92
                Participant
                Dec 28, 2016 12:55 AM UTC

                When will XD have rulers and guides?

                Translate
                  Preran
                  Preran
                  Legend
                  Jan 3, 2017 5:45 PM UTC

                  Hi amantm,

                  Please upvote these requests.

                  Guides – Adobe XD Feedback : Feature Requests & Bugs

                  Rulers – Adobe XD Feedback : Feature Requests & Bugs

                  Thanks,

                  Preran

                  Translate
                  Adobe Employee
                  Peter_FlynnCorrect answer
                  Adobe Employee
                  Nov 17, 2016 2:02 AM UTC

                  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

                  Translate
                  Anonymous
                  Jun 16, 2017 6:23 PM UTC

                  When I can expect to add option guidelines Layout?

                  — Thanks

                  Translate
                    Terms & ConditionsAccessibility statement
                    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices