Using Layout Templates in Framer

Components and styles make larger projects infinitely more manageable. But even still, when we have tens or even hundreds of pages, the pages themselves can share a lot of repeating structure.

Components and styles make larger projects infinitely more manageable. But even still, when we have tens or even hundreds of pages, the pages themselves can share a lot of repeating structure.

Think things like navigation bars, footers, and even properties of a page itself like width, padding, and background color.

One: it’s a shame to have to repeat the same work every time we create a new page.

And Two: Making a simple change — like switching your navbar to fixed positioning could mean having to tweak page after page after page.

This is where Layout Templates in Framer come in, allowing us to take repeating global elements and properties, and save them as a template. 

Which not only makes creating new pages much faster and keeps pages more consistent, but also gives us a central place to make global changes to pages across our entire site.

Watch Benjamin's Layout Templates video here.