Framer X includes automated grouping, adaptive layouts, and flexible stacks so you can effortlessly arrange elements on your canvas without worrying about even distribution, alignment, or responsiveness.
Our layout tool automatically infers constraints and hierarchy, and you can even customize further in the properties panel. Pin or unpin the position of a layer and watch as the simulator shows how your selection will adapt.
Framer X introduces a new kind of layout tool: stacks. Now you can easily distribute, position, and rearrange elements evenly on your canvas with the power of Flexbox.
Tailor everything in your stacks. In Framer X you can change the direction, distribution type, and alignment of elements, or completely customize the spacing between elements.
Get ready to design responsive lists and grids better than you could before. Framer X includes fraction and relative sizing so you can fine-tune with exceptional control.
Changing the position of elements on your canvas takes seconds in Framer X. Just drag elements around within a Stack and all spacing will remain intact.
Drag, drop, and insert.
Need to add a new layer to your list, grid, or navigation? Simply drop it within the appropriate Stack and watch as all other elements adapt accordingly.