The alignment and grouping features enable you to select and move multiple page elements and resize them — while keeping their aspect ratio. This feature will help you group multiple objects for easy manipulation of design assets with pixel perfect alignment and distribution control.
Here's a short video introduction to the grouping and alignment feature:
To open the alignment control panel you have to select multiple elements on your page. Once opened you can distribute elements horizontally and vertically or you can align them in any way you see fit. This is perfect if you want to your design to be pixel perfect.
In the following video, you can see how to use this feature:
The ability to group elements creates a natively mobile responsive set of objects. Alternatively, groups can be set to lock the aspect ratio of complex arrangements in order to maintain their exact proportions when they’re converted to the mobile version of your landing page.
Mobile Aspect Ratio Lock keeps your layered groupings together and locks the aspect ratio, whether they’re in a desktop or mobile layout.
You don't have to ungroup a set of elements if you want to edit them; just double click to edit them while they are part of a group.
You can use the keyboard shortcut cmd + click (or ctrl + click on a PC) to select an element through all group layers. Another shortcut is cmd + G (or ctrl + G on a PC) - it is used to group or ungroup elements.
Watch this to learn how the grouping feature works:
The New Mobile Responsive Feature
Once you have everything aligned and grouped, you can start building your mobile page.
With our new mobile alignment feature, your mobile landing page version is already perfectly aligned. Meaning you can now create mobile responsive versions of your landing page quicker and more accurately than ever before.
For more details on how to use this new feature, check out the following video: