5 min readNia

9 mistakes founders make when buying a Framer template

What to check in the live preview, the licence and the Framer file before you buy a template, so the site you launch is one you can keep editing.

  • framer
  • templates
  • buying-guide
A browser-window wireframe with a dark headline bar, a green button and a row of blocks marked with green checks and two crosses, beside a black numeral 9.

A Framer template is one of the cheapest ways to get a good-looking site live in a weekend. It is also easy to buy the wrong one, because the things that decide whether it works for you are rarely the things in the product shots.

Each of the nine below takes a few minutes to check, and all of them are cheaper to catch before checkout than after launch.

1. Judging it from the screenshots

Product shots are taken at one width, with perfect content, in the best light. They tell you what the designer was proud of and almost nothing about how the site behaves.

Open the live preview and use it. Scroll at normal speed and then quickly, and watch for sections that jump or animations that stutter. Click every link in the nav to see which pages actually exist. If the template leans heavily on scroll effects, check it on an older laptop as well as your own machine, because heavy motion is usually the first thing to slow down.

2. Treating the template price as the cost of the site

The template is a one-off. The Framer site plan you publish it on is a separate subscription, and features like a custom domain, CMS limits and extra editors depend on which plan you choose.

Before you buy, look at the pages and CMS collections the template uses and check them against Framer's pricing page. A template built around a large blog or a long list of case studies may need a bigger plan than the one you had in mind.

3. Not checking what runs on the CMS

Two templates can look identical in the preview and be built in completely different ways. In one, the blog, changelog and team pages pull from CMS collections, so adding a post means filling in a form. In the other, every card is placed by hand on the canvas, so adding a post means duplicating a frame and hoping the spacing holds.

The template page or the documentation should say which collections are included. If it does not, ask the seller before paying. Anything you expect to update every week should live in the CMS.

4. Skipping tablet and phone

Framer sites are built with breakpoints, and each one can have its own layout. Some templates get the desktop version polished and then let the smaller sizes collapse into a single column with whatever spacing falls out.

Resize the preview window slowly from wide to narrow and look for the points where text wraps badly, images crop off faces or buttons end up side by side with no room. Then open it on your phone. Most of your first visitors will probably see the phone version, so it deserves more of your attention than the desktop one.

5. Falling for the demo content

The sample photography, the clever headlines and the client logos sell the template, and none of them are yours. A layout that looks calm with three short words in the hero can look crowded with the sentence that actually describes your product.

Try a rough test. Take your real headline, a real paragraph about what you do and the number of features or services you actually have, and picture them in the template's slots. If the design only works with the demo copy, you will spend your time fighting it.

6. Not reading the licence

Template licences vary a lot between sellers. Some cover one site, some cover unlimited sites of your own, and some say nothing about building sites for clients. If you are an agency or a freelancer, that last point matters more than anything else on this list.

Read the licence before checkout, not after. If it is unclear whether you can use the template for a client, or for a second product later, ask the seller and keep the answer.

7. Assuming the fonts and images come with it

Templates often use Google Fonts, which are free to use. Some use commercial typefaces that need their own licence, and the template price does not include it. Demo photography is often stock or placeholder imagery that you are expected to replace.

Check the font names in the template's text styles and look each one up. If a typeface needs a licence you do not want to pay for, find out before launch how the layout looks with a free alternative.

8. Expecting updates to arrive on their own

When you remix a Framer template, you get your own copy of the project. That is what lets you edit freely, but it also means fixes and new pages the designer adds later do not flow into your site automatically.

Ask how the seller handles updates. Some send a new remix link when a template changes, and you copy across the sections you want by hand. Because of that, buying a template that is already complete is safer than buying one that promises the important pages are coming soon.

9. Never opening the file before committing to it

The preview shows the result. The Framer file shows whether you will be able to work with it. After you remix, spend twenty minutes in the project before you start changing things.

Look for colour styles and text styles that are named and actually used, so changing your brand colour is one edit instead of fifty. Check that repeated elements like cards, buttons and the nav are components with variants rather than loose copies. Open the layers panel on one long page. If it is a stack of frames called Frame 12, Frame 13 and Frame 14, every change will take longer than it should.

Before you pay

Use the live preview at three widths, find out which Framer plan the site needs, read the licence and check which pages run on the CMS. That covers most of the expensive surprises.

Every template on Pixels71 has a live preview you can test this way before buying. If you expect to need more than one, the All-Access Pass is $99 once and includes future templates, with nothing to renew. For the layout side of the decision, our post on SaaS landing page patterns covers what to look for in the page itself.

All posts