Auto margin

Learn how to use auto margin to quickly center a container element.

This video features an old UI. Updated version coming soon!

Auto margin is used by Apple, Google, Stripe, and other design leaders as a way to horizontally center elements. By setting auto margin to an element that has a defined width, you can horizontally center the element within the boundary of its parent.

To select and apply auto margin to a container element:

First, select the element on the Canvas

Then, click into the Style panel

Lastly, click the horizontally center icon next to Spacing