Resize artboard
Every now and then I find myself juggling with layout settings as soon as I change the width of an existing artboard and want the layout to stay the same.
Especially when designing for the web.
Suppose I have a design made on a canvas with a width of 1280. The design is vertically centerd on the artboard. When I change the width of the canvas to say 1500, the design doesn't stay in the center, but positions itself relative to the upper left corner. And the Grid Layout adapts to the new width, meaning that column width and gutter width are changed. Luckily the Grid Layout stays centered.
There should be an option to lock the Grid Layout (so column width and gutter do not change). And there should be an option to tell how the design must be positioned when you change the artboard width. A simple 3x3 grid icon where you can select one of the 9 squares to tell XD where you want the design to align (similar to Illustrator's Transform where you can set a reference point in a 3x3 grid icon).
You can now do this by turning on Responsive Resize on your artboard. Select your artboard, turn on Responsive Resize in the property inspector, and then adjust.
-
Anonymous commented
This is most definitely not the same as simply resizing the artboard. It changes the size / position of other elements on the artboard. Please add a method of resizing the artboard without responsive resize.
-
Anonymous commented
Is not the same thing with Responsive Resize. It change also the size of the design elements in the artboard, even if I disable the responsive resize of design elements.
See the photoshop resize artboard.
-
Johnny Vegas commented
Thank you!