By Howard Pinsky
Repeat grids in Adobe XD lets you quickly create galleries lists or any other repeated elements.
With the objects of your first entry selected, hit that repeat grid button over to the right. Pull out the new handles horizontally, vertically, or both then adjust the padding by pulling on the pink areas. With additional entries now created, let's add content straight from Finder or Windows Explorer.
You can drag groups of images straight onto your grid. Then you can even bring in plain text documents to fill in titles, metadata, and more. From there, individual text layers can be overridden if necessary.
Forgot to include something at the beginning? You can easily add in elements after the fact and they'll automatically populate throughout your grid.
Finally, if you need to make layout changes, whether it's positioning structure or color choices. You simply need to update one of your entries and XD will handle the rest.
And that's your bite-sized look at repeat grids in Adobe XD.
In this Adobe XD tutorial, Howard Pinsky demonstrates how to take the hassle out of repeating interface elements with the Repeat Grid feature in Adobe XD. With Repeat Grid, replicating an element, or group of elements is as easy as clicking and dragging once Repeat Grid is enabled. Keep each copy in sync to apply edits across all repeated elements to save time on iteration. With a Repeat Grid selected, easily populate images and text by dragging and dropping image or text files from the file browser onto the Repeat Grid. Easily adjust the spacing between elements of the Repeat Grid on canvas with a click and drag.
