Elliot Li

Customize a Framer template without breaking it

Elliot Li · September 20, 2026 · 1 min read

framer · tutorial · workflow

The order that doesn’t break things

Most people customize in the order they notice things: hero headline, then images, then “wait, why is the menu page empty?” Work in this order instead:

1. Styles first

Open the template’s text and color styles before touching any page. Rename nothing yet — just point the existing styles at your fonts and palette. Every page updates at once, which is the whole point of a design system. My templates (Eastward, the free starters) keep this to one place on purpose.

2. Content second

Swap copy and images page by page. If the template is CMS-driven, add your content in the CMS panel rather than on the canvas — collection pages generate themselves. Eastward’s destinations and itineraries work exactly this way: add an entry, the page builds itself.

3. Structure last

Only now should you add, remove, or reorder sections. By this point you know which elements are CMS-bound (leave their bindings alone) and which are static (rearrange freely).

The two checks everyone skips

When to call me

Stuck on a template you bought from me? Write to contact@elliotli.dev with the template name and a screenshot. Pre-purchase questions are welcome too — better than buying the wrong template.

Questions, answered

Will customizing a template break its CMS?
Only if you delete CMS-bound elements. Change text styles, colors, and static content freely; leave collection-list bindings intact until you understand what feeds them.
Should I start from a template or a blank canvas?
Start from a template when your site matches its use case (restaurant, practice, contractor). Start blank when your structure is genuinely novel — forcing a mismatch costs more than it saves.
How long does template customization take?
A straightforward rebrand — copy, images, colors — takes a day or two. Structural changes and CMS remodeling take a week. Budget for mobile checks either way.

Related reading