Layout System Plugin
Layout Control
Set section and container spacing once, then apply it across every breakpoint in one click.
One Panel For Spacing Across Every Breakpoint
Spacing is the part of a Framer project that quietly falls apart. Padding gets nudged on desktop but not on tablet, a container is 1200 wide on one page and 1180 on the next. Layout Control puts all of it in a single panel and applies it to whatever you have selected.
What It Does
Sets section top and bottom padding, and container left and right padding, gap, direction and max width - separately for Desktop, Tablet and Phone. Any property can be switched off so it is left untouched, and settings apply to one frame or several at once.
Who It Is For
Anyone maintaining a design system in Framer, template authors keeping spacing consistent across dozens of pages, and teams where more than one person edits the same file.
Good To Know
A configuration can be saved as a preset and loaded into another project, so the same spacing system carries across client work. There are built in defaults for common layout patterns if you do not have a system of your own yet.
Where To Find It
Install the plugin from the Framer Marketplace. It opens from the plugin menu inside any Framer project, so it is available across every file on your account.
MORE PRODUCTS
More From the Library
Templates, components and plugins built by the same team, ready to drop into your next project.
Forms Plugin
Form Builder Plugin for Framer
StyleFix
Project Audit Plugin
Auto Publish
CMS Scheduling Plugin