One of the best features of XD is the Repeat Grid tool. Repeat elements easily, vertically or horizontally. Properties are global to the grid, but content can be unique. Make changes to properties to explore new design directions, and see the changes get reflected throughout the whole grid.
- [Instructor] Grids are very intelligent in XD. If you use the repeat grid tool here, you can have unique text. So I can have select that text and hit Enter to edit and the cool thing here is that, any change I make to any property here in this card, is reflected throughout my whole grid. So, it's very easy, for example, to explore a variation of this design. Maybe, play with transparency, and as you can see, that's reflected throughout the whole grid.
But, it gets better. Here, I have, a point text element and I have an arrow text element, and I happen to have a text file here with, in this case, some titles, so learn titles. This is a very simple .txt file, with no formatting at all. And it has one element, Enter another element, Enter. So the return creates a new line there. So if I drag this element, this text, on top of my grid, each line goes to a separate card on that grid.
This is also true for descriptions. So, here I have one description, another description, and I'm using return to create a new line here. Again, .txt, no formatting. If, I drag that there, each line goes to a separate card. So, this is pretty useful. So, I can do that with text files. If, I then have images, remember you were able to select one image and drag it on top of a shape to become the fill of that shape. if I have, for example, some instructors here, I can now select an entire group of images, drag to one place, in this case, the thumbnail and each image goes to a separate card.
And this is also true for any image or set of images. So, I can drag it there, surfing, photography, music, you can see each image went to the right place. And if you have to replace one, for example, the instructor picture here is wrong in this grid, I can now go to that same location, where I have the instructors and that should be me, so I just select that and I replace that one.
So, it fixes only that specific image but, the grid continues to repeat. Very, very, easily. So, you can drag images as a bitmap to the shape to become the fill of that shape and if you have repeat grids, you can drag, not only images but, you can also drag text to populate the entire grid.
- Understanding all tools in Design mode
- Bringing files for Photoshop, Illustrator, and Sketch
- Working with text, vectors, image fills, and masks
- Repeating elements with the powerful Repeat Grid tool
- Resizing multiple elements with responsive resize
- Using the new Assets panel to manage symbols, colors, and character styles
- Sharing symbols across files, with text and image overrides
- Creating and consuming bitmaps and vectors from CC Libraries
- Extending the power of XD using great plugins