Documentation
Documentation pages for Arranger for Adobe XD.
Download playground file here ->
Grid Layout

1. General
- Arrange any type of object: rectangles, ellipses, polygons or even text.
- Objects need to be inside a group for Arranger to do its magic.
- If they are not inside a group Arranger will create a group for you.
2. Columns
- Set the number of columns you need. Rows will be calculated automatically.
- Lowest number is 1 which equals to 1 column layout. Zero and negative numbers are not available.
- Pro tip: If you want to achieve a single row set the columns to the count of objects (e.g. if you have 10 objects than a column count of 10 will result in a single row).
3. Gutters
- Gutter defines the horizontal and vertical spaces between objects.
- Width = horizontal space. Height = vertical space.
- Pro tip: use negative values to achieve overlapping objects.
4. Random Order
- With this option the order of objects will be randomized.
- If you uncheck it then it will reset to your default order defined by layers.
- Note: The new random order is just „virtual“. This real order in layers is not changed.