Enable 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:

• You can select Auto or Manual options. Select Manual to view the constraints for the selected artboard.
• Constraints are disabled for all children in the tree (not just immediate children). 
• Artboards retain the same default behavior of adding additional space when resized.

If you set the resize option to ON:

• All elements on an artboard become automatically responsive.
• Objects on the pasteboard will not have the responsive resize Property Inspector controls, as objects on the pasteboard have no immediate parent. 

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.