{"id":1213,"date":"2017-08-07T20:14:45","date_gmt":"2017-08-07T20:14:45","guid":{"rendered":"http:\/\/www.xdguru.com\/?page_id=1213"},"modified":"2020-08-18T12:48:13","modified_gmt":"2020-08-18T12:48:13","slug":"align-distribute","status":"publish","type":"page","link":"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/","title":{"rendered":"Guide – Align & distribute"},"content":{"rendered":"

Align and Distribute objects<\/strong><\/h1>\n

The options included at the very top of the property inspector are really useful when it comes to aligning and distributing objects in your XD document.<\/span><\/p>\n

To align or distribute object, first select two or more objects and then click on one of the options available. Here is a quick explanation for each of them:<\/span><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

You can also align objects relative to their position on the artboard. Just select an object and use one of the alignment options described above.<\/span><\/p>\n

 <\/p>\n

PREVIOUS CHAPTER<\/a>\u00a0\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0NEXT CHAPTER<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Align and Distribute objects The options included at the very top of the property inspector are really useful when it […]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":907,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"\nAligning and Distributing in Adobe XD - Learn Adobe XD with XDGuru.com<\/title>\n<meta name=\"description\" content=\"Learn how to align and distribute objects with Adobe XD. The most comprehensive guide on Adobe Experience Design, available for FREE on XDGuru.com\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aligning and Distributing in Adobe XD - Learn Adobe XD with XDGuru.com\" \/>\n<meta property=\"og:description\" content=\"Learn how to align and distribute objects with Adobe XD. The most comprehensive guide on Adobe Experience Design, available for FREE on XDGuru.com\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/\" \/>\n<meta property=\"og:site_name\" content=\"XDGuru.com\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-18T12:48:13+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.xdguru.com\/wp-content\/uploads\/2020\/08\/AligningDistributingObjects1-300x130.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.xdguru.com\/#website\",\"url\":\"https:\/\/www.xdguru.com\/\",\"name\":\"XDGuru.com\",\"description\":\"Adobe XD tutorials and UI\/UX design tips\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.xdguru.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#primaryimage\",\"url\":\"http:\/\/www.xdguru.com\/wp-content\/uploads\/2020\/08\/AligningDistributingObjects1-300x130.jpg\",\"contentUrl\":\"http:\/\/www.xdguru.com\/wp-content\/uploads\/2020\/08\/AligningDistributingObjects1-300x130.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#webpage\",\"url\":\"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/\",\"name\":\"Aligning and Distributing in Adobe XD - Learn Adobe XD with XDGuru.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.xdguru.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#primaryimage\"},\"datePublished\":\"2017-08-07T20:14:45+00:00\",\"dateModified\":\"2020-08-18T12:48:13+00:00\",\"description\":\"Learn how to align and distribute objects with Adobe XD. The most comprehensive guide on Adobe Experience Design, available for FREE on XDGuru.com\",\"breadcrumb\":{\"@id\":\"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.xdguru.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide – Main\",\"item\":\"https:\/\/www.xdguru.com\/adobe-xd-guide\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guide – Align & distribute\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Aligning and Distributing in Adobe XD - Learn Adobe XD with XDGuru.com","description":"Learn how to align and distribute objects with Adobe XD. The most comprehensive guide on Adobe Experience Design, available for FREE on XDGuru.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/","og_locale":"en_US","og_type":"article","og_title":"Aligning and Distributing in Adobe XD - Learn Adobe XD with XDGuru.com","og_description":"Learn how to align and distribute objects with Adobe XD. The most comprehensive guide on Adobe Experience Design, available for FREE on XDGuru.com","og_url":"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/","og_site_name":"XDGuru.com","article_modified_time":"2020-08-18T12:48:13+00:00","og_image":[{"url":"http:\/\/www.xdguru.com\/wp-content\/uploads\/2020\/08\/AligningDistributingObjects1-300x130.jpg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.xdguru.com\/#website","url":"https:\/\/www.xdguru.com\/","name":"XDGuru.com","description":"Adobe XD tutorials and UI\/UX design tips","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xdguru.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#primaryimage","url":"http:\/\/www.xdguru.com\/wp-content\/uploads\/2020\/08\/AligningDistributingObjects1-300x130.jpg","contentUrl":"http:\/\/www.xdguru.com\/wp-content\/uploads\/2020\/08\/AligningDistributingObjects1-300x130.jpg"},{"@type":"WebPage","@id":"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#webpage","url":"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/","name":"Aligning and Distributing in Adobe XD - Learn Adobe XD with XDGuru.com","isPartOf":{"@id":"https:\/\/www.xdguru.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#primaryimage"},"datePublished":"2017-08-07T20:14:45+00:00","dateModified":"2020-08-18T12:48:13+00:00","description":"Learn how to align and distribute objects with Adobe XD. The most comprehensive guide on Adobe Experience Design, available for FREE on XDGuru.com","breadcrumb":{"@id":"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.xdguru.com\/adobe-xd-guide\/align-distribute\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xdguru.com\/"},{"@type":"ListItem","position":2,"name":"Guide – Main","item":"https:\/\/www.xdguru.com\/adobe-xd-guide\/"},{"@type":"ListItem","position":3,"name":"Guide – Align & distribute"}]}]}},"_links":{"self":[{"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/pages\/1213"}],"collection":[{"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/comments?post=1213"}],"version-history":[{"count":0,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/pages\/1213\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/pages\/907"}],"wp:attachment":[{"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/media?parent=1213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}