Framer X - Layout

Adaptive layouts, automatically.

With Framer X, layout design never felt so simple. Get ready to design for every device, on any platform.

Watch overview

Subscriptions

Already have a personal Framer license? Great news—it’s valid for Framer X.

View plans

Get notified

Beta invites roll out in batches starting August 1st. Public launch this Fall.

Teams

Find out how our private store can help keep your interactive design system in sync.

Get in touch

Design smarter.

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.

popover

Instantly adaptive.

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.

popover

Flexible stacks.

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.

popover

Next-level layouts.

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.

popover

Powerful positioning.

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.

popover

Rearrange elements.

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.

popover

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.

Juliet Shen

“The new product from @framer is so cool. It includes so many details that just... happen. Such a natural and magical tool!”

Juliet Shen, Snapchat

Get notified.

Beta invites roll out in batches starting August 1st. Public launch this Fall.

Join us at Loupe.

Learn the ins and outs of Framer X at a special hands-on workshop at Loupe, our new design conference.

Book your spot

Start your free 14‑day trial.

Enter your email and we‘ll send you a download link for later.

We recently introduced Frames and Shapes, so some information in these videos may be outdated. To learn more visit our Help Center.

Get Framer X for your team.

Enter your info below to learn about our powerful features for teams.