

Now with that set, I want to resize the objects.īy default, responsive resize is not set to on at an artboard level. I'm going to come on in and press and drag a second instance to duplicate it and I'll go in and give it a name just to remember what I'm doing here. It's a master component, and I can see that based on the triangle there on the left-hand side. When I select it, you'll notice that this is a component. I'm going to come here to the first instance, which is the phone layout, and I want to just duplicate it.

I've already gone in and done it for tablet and desktop, but let me show you how I did that. It consists of pretty much all the same elements, but for each screen, I want to move the objects around and resize them so that it fits that screen more appropriately. I'm working on a design here, and I have here what's known as a banner ad or an advertisement that needs to appear in everything from a mobile device to a tablet and a desktop browser. Let me show you these two features in action. With the latest release of Adobe XD, We've replaced symbols with components and components and responsive resize work beautifully together. Now this features pretty fantastic, but it was incompatible with symbols or the ability to create multiple copies of content that can be easily updated in bulk. Towards the end of last year, Adobe XD delivered Responsive Resize - the ability to resize groups of elements for a variety of layouts.
