Alignment Tools

Alignment Tools allows you to quickly align components on a screen or in a selection.

To Use:
Access Alignment Tools by selecting a component and clicking the More menu.
Align to Screen
Align to Selection
Distribute
Align to screen shows up when one or more components are selected.
Align to screen acts as if the entire selection is a group and aligns the components with the screen.
Align Horizontally
Align Vertically
Align to selection shows up when two or more components are selected.
Align to selections acts as if the entire selection is a group and aligns the components with the selection.
Align Selection Left
Align Horizontal Center
Align Right
Align Top
Align Vertical Center
Align Bottom
Distribute shows up when three or more components are selected.
Distribute distributes the space between the selected components. 
Distribute Vertical Spacing
Distribute Horizontal Spacing
Keyboard Shortcuts
Align to Selection:
Align top: OPTION + W
Align left: OPTION + A
Align bottom: OPTION + S
Align right: OPTION + D
Align Vertical Center: OPTION + V
Align Horizontal Center: OPTION + H

Align to Screen
Align Vertically: OPTION + SHIFT + V
Align Horizontally: OPTION + SHIFT + H
When selecting items with different parents, align/distribute options will not be available. 

Using the Screen Size Switcher

Using the Layout Tab

Last modified 3mo ago