While designing for web or mobile apps, there is often a need to define repeating elements or content lists. However, it can be time consuming to create these elements or update when there are design changes.
The Repeat Grid feature in Adobe Experience Design CC (Beta) changes a group of elements to a repeating element. You can simply pull the element in any direction and the grid repeats. When you modify any style of an element, the change is replicated in all the elements of the grid. For example, if you change the image size in one of the elements, all images in the grid are resized automatically.
If you have a text element in the grid, only the style of the text element is replicated and not the content. So, you can style text elements quickly while keeping the content different in the grid elements.
You can replace placeholder text in a repeat grid by dragging a text file onto the grid.
To replace the images in the grid, open Finder, and navigate to the location where you have stored the images for your project. Select all the images that you want to appear in the grid, and drag-and-drop them onto the target object within the repeat grid.
The older images are replaced with the new images, which are resized automatically.
To ungroup the grid elements and work on them separately, select the grid and click Ungroup Grid in the Property Inspector.