Select the artboard size to get started.
Learn how to enable, override, and use responsive resize.
Select the artboard size to get started.
In the Property Inspector, select the toggle button to switch ON responsive resize. The default behavior is OFF. However, if you select groups, individual elements, multi-selections, and all other elements in an artboard, responsive resize is set to ON and you can select OFF to disable responsive resize.
If you set the resize option to OFF:
If you set the resize option to ON:
Though responsive resize is the default resize behavior for multi-selection and group resizing, you can:
By default, responsive resize is turned off for artboards; users can turn it on and responsively resize artboards.
Select the objects in an artboard and enable responsive resize.
Select the Manual option. If you select the Auto option, constraints are recalculated on every resize.
Within the Constraints panel, apply the required constraints. You can also resize or drag the handle of the artboard to increase the artboard size to add more space.
Select and copy the content of the mobile design into the tablet artboard. Responsive Resize is enabled by default.
In the tablet artboard, use the handle to resize the grouped element. The elements are distributed in a manner that maintains the size, height, and width of the icons while adjusting the padding between the elements.
Select and copy the mobile content to the artboard.
In the tablet artboard, click the group handle to resize. Artboard increases in size, adds more space, and ignores the content of the artboard.
Drag the handle to display the on-canvas decorations and group the elements.
Select Manual resize option and modify the constraints based on the form factor. As you resize, the pink lines display the relationships between elements.
Sign in to your account