3 Easy Ways To Use The Repeat Grid In Adobe XD

1. Image Grids

As seen near the footer of many blogs and websites, image grids have become a must-have on the websites of many influencers, bloggers, and businesses. The repeat grid is the perfect tool for designing Instagram or Dribble image grids.

2. Navigation Menus

The repeat grid is the perfect tool to use when designing any kind of menu in Adobe XD.  Most menus are pretty simple; a vertical or horizontal display of links with some padding for readability. In Adobe XD, you’re able to use the repeat grid to create the general layout of the menu. Once that’s created, you can edit the text for each link individually.

3. Text Columns

The repeat grid is also great for designing text columns (see gif below). In the past, this kind of layout would require a lot of copy & pasting. Now, the repeat grid creates the layout with ease.


Like this article?

I'm a Content Creator, Front-End Web Developer, UI Designer, based in Toronto, Canada. I have a healthy addiction to the internet, technology, and digital media. I'm so passionate about all things design and tech that I write about it any chance I get on my blog!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.