With Smart selection, you can change the spacing or layouts between two or more layers. Smart selection enables you to uniformly adjust spacing between layers and rearrange or reposition them within row, column, or grid-based arrangements.
Create smart selection
To create a Smart selection, the spacing between adjacent layers must be equal. If the distance between adjacent layers is unequal, you can use Tidy up to rearrange the layers and create a Smart selection.
Motiff supports one-dimensional and two-dimensional smart selection.
Layers for one-dimensional (1D) smart selection need to have overlapping projections on the x-axis or y-axis, such as layers sorted by rows or columns.
Layers for two-dimensional (2D) smart selection need to have overlapping projections on both axes, such as layers sorted in a grid or table.

You can create a smart selection by following these steps:
- 1.Select the layers you want to create a smart selection for. The layers can have varying sizes and shapes.
- 2.Motiff will add selection handles at the center of the smart selection layers, which means a pink circle will appear at the center of each layer.
- 3.When the cursor hovers over the selection, you can see the spacing handles. Drag the spacing handles to change the vertical or horizontal spacing between layers.
Manage layers in smart selection
After selecting layers, you can use smart selection to adjust layer spacing, reorder or rearrange layers, copy layers, and delete layers.
You can select the layers you want to adjust using the selection handles:
- Select a single layer: Click the selection handle at the center of that layer to adjust.
- Select multiple layers: Hold Shift and click the selection handles at the center of the layers in sequence to adjust.
Adjust spacing
Suppose you want to adjust the vertical or horizontal spacing between selected layers. In that case, you can drag the spacing handles between layers on the canvas or adjust the spacing value in the design panel.
- In the canvas area: Hover the cursor over the smart selection and a pink handle will appear between layers. Drag
to adjust spacing.
Tip: Hold Shift while dragging to adjust according to the value specified in the Nudge amount… settings.
- In the design panel: You can adjust the spacing of layers in the design panel by:
- Directly enter a value.
- Use arrow keys.
- Drag to adjust the value by holding
or
in the input box.
Change the order or position
You can change the order or position of layers within the Smart selection:
- 1.Click the selection handle at the center of the layer.
- 2.Drag the layer to another position within the selection to change the current order or arrangement.
Notes:
- Rearranging layers within the selection will not change the layer structure in the layers panel.
- When using Smart selection within a frame, you can click
to adjust the frame size to fit the size of the layers inside.
- When rearranging layers in a two-dimensional smart selection, you can only move the layer to an existing column or row.
- If you want to swap the positions of two layers, you can hold ⌘ Command / Ctrl to adjust.