How to Edit a Framer Template

You've got your Remix link. Here's what to do next, in the right order.

Sasha Mozdir

Posted by

Sasha Mozdir

Step 1. Customize your brand styles first

Before touching any content, update the global styles. This instantly applies your fonts, colors, and link styles across the entire site โ€” you won't have to update every element manually.

  1. Open the Assets panel in the top left corner of the Framer editor

  2. Scroll down to Styles โ†’ Text, Link, Color

  3. Update:

    • Text โ€” choose your font family and sizes

    • Link โ€” set link color and hover style

    • Color โ€” adjust brand colors (swap the accent color to yours)

Tip: always update the existing styles, don't create new ones. New styles won't be applied to existing elements automatically.

Assets Styles Framer

Step 2. Update the header

The header is a global component โ€” changes apply across all pages automatically.

To edit it: click directly on the header on the canvas, or go to Assets โ†’ Templates โ†’ Template and double-click it.

Update the header Framer

Inside the header you can update:

Logo โ€” select the Logo block in the Layers panel, then replace the image or update the brand name text.

Menu links โ€” select any Nav Item and set the Label, Link, and Variant (No Overlay for simple links, Overlay for dropdowns).

CTA button โ€” update the Button Text, set the Link, and enable New Tab if needed.

Step 3. Update the footer

The footer is also a global component. Double-click it on the page, or go to Assets โ†’ Templates โ†’ Template.

Update the footer Framer

Inside you can update: logo and description, navigation links, social links, legal page links. All changes apply across the entire site.

Step 4. Update your page content

There are two types of content blocks in a Framer template:

Regular blocks โ€” text, headings, paragraphs. Double-click directly on the text to edit, or use the right-hand panel.

Regular blocks Framer

Components โ€” reusable elements like buttons, cards, FAQ items. Edit them through the right panel โ€” each field is listed there (title, text, icon, link, visibility).

Components Framer

Step 5. Update CMS content

If your template uses CMS (blog posts, project pages, team members, integrations) โ€” click the database icon in the top panel to open CMS collections.

CMS Framer

Inside you can: add, edit, or delete items, change titles, descriptions, icons, and SEO fields. All connected sections on the site update automatically when CMS content changes.

Update CMS content Framer

Step 6. Set up before publishing

Settings Framer

Before going live, fill in the key settings:

  1. Click the settings icon (gear) in the top bar

  2. Go to Site Settings and fill in:

    • Site title โ€” shown in browser tabs and search results

    • Site description โ€” a short summary for SEO

    • Language โ€” make sure it matches your content

  3. Connect your custom domain in the Domains tab (requires a paid plan)

  4. Click Publish in the top right corner

Your site goes live instantly. To update after edits โ€” click Publish again.

Looking for a Framer template to edit? TMPL templates come with a detailed setup guide included. Browse the collection.

Not sure which template to start with? I keep a few guides by use case: free portfolio templates, a resume and CV template, picks for coaches and wellness, jewelry and ecommerce, education and faculty, and a link in bio setup.

FAQ

  • Do I need to know how to code to edit a Framer template? No. Every step in this guide happens in Framer's visual editor: you click on text and type, swap images from the panel, and edit CMS entries like rows in a table. Code is optional and most template users never touch it.

  • How do I change the font in a Framer template? Open the Assets panel and edit the existing text styles. The change applies across the whole site at once. The mistake to avoid is creating new styles instead of updating the ones the template already uses, because new styles won't be connected to anything.

  • How long does it take to edit a template? An evening for a simple site if your text and images are ready. The content is usually the bottleneck, not the tool. CMS-heavy sites take longer because you're filling in entries, not because the editing is harder.

  • Can I edit a template on the free Framer plan? Yes. Editing is free, and you can publish on a framer.website subdomain without paying. A custom domain needs a paid plan, which starts at $10 a month on annual billing. I broke the plans down in How Much Does Framer Cost.

  • What if I break something? Undo works (Cmd+Z), and Framer keeps version history, so you can roll the whole project back. Worst case, you remix a fresh copy of the template and paste your content back in. Nothing you do in the editor is permanent until you hit Publish.

Framer

Build your site for free

No credit card required. Build and publish on framer.website. Upgrade when you're ready

Framer

Build your site for free

No credit card required. Build and publish on framer.website. Upgrade when you're ready