Override Repeat Grids in Adobe XD
With components now available, the sky’s the limit on how they’re implemented within design projects, and when used within a repeat grid, you’re now able to override individual entries.
WHAT YOU’LL LEARN IN THIS VIDEO
Creating a repeat grids
Converting elements into components
Overriding component instances
Learn all about components
Want to get the lowdown on how components work?
Work Faster with Repeat Grids
If you spend any time designing repeated elements, such as photo galleries, contact lists, or menus, you’ll definitely want to take advantage this.
+ VIEW TRANSCRIPT
Hey, everyone – I’m Howard Pinsky – Senior XD Evangelist at Adobe. With components now available, the sky’s the limit on how they’re implemented within design projects, which got me thinking. What would happen if a component was added to a repeat grid?
Here we have a simple image card which is an ideal candidate for a repeat grid, so with the various elements of this card selected, I’ll hit the Repeat Grid button over to the right and pull out a few additional cards. Now I’ll hop over to Finder to grab some images for both the users and their photos.
As you may know, images and text within a repeat grid can be overridden, but changes to other elements sync throughout all entires. However, since components can be overridden, let me convert a few of these objects, and since this is a repeat grid, I only need to do it once.
Now, keep in mind that one of the converted components will be the master, which will push changes to all instances, so if you want to ensure that you can override that particular element, make a quick duplicate then delete the master.
So now that I have components inside of this grid, selecting the layers within them will allow me to change the design of individual cards, and in a way, override the repeat grid.
And there you have it. Throw a component into a repeat grid, and override to your hearts content. For more XD tips & tricks, head on over to LetsXD.com. I’ll see you soon.