AethrDesign

How to Merge and Publish Changes in Framer

Once your branch edits look right, follow these seven steps to bring them into your live site.

A branch is an isolated copy of your site where edits are made without touching the live version. Merging moves those edits into main. Publishing is the separate step that pushes main out to your live URL — merging alone does not make anything public.

1

Open your Framer project.

Step 1: Framer project open in the editor
2

In the top toolbar, click the branch name next to your project title (e.g. “example branch”) to open the Branches panel.

Step 2: Click the branch toggle in the top toolbar
3

In the Branches panel, hover your branch and click the ⋯ menu icon that appears beside it.

Step 3: Click the ⋯ menu icon next to the branch
4

Select “Merge to ‘main’” from the menu.

Step 4: Click Merge to main
5

A confirmation toast appears at the bottom of the canvas. Click “Dismiss” — the merge has already completed at this point.

Step 5: Click Dismiss on the merge confirmation
6

Your edits are now in main, but not live yet. Click the “Publish” button in the top-right corner.

Step 6: Click Publish in the top-right corner
7

In the publish panel, click “Update” to push main live. Your changes are now on your production URL.

Step 7: Click Update to publish live

Quick Reference

MergeBranch name → ⋯ → “Merge to ‘main’” → Dismiss
Publish“Publish” (top-right) → “Update”

Troubleshooting

“I merged, but my site still looks the same”

Merging and publishing are separate steps. Merging only moves your edits into main — you still need to click Publish → Update (steps 6–7) to make them live.

“I don’t see my branch in the panel”

Click the branch name in the top toolbar, then check the list under “All” in the Branches panel — scroll if you have several branches.

“I merged the wrong thing”

Framer keeps version history. Contact your designer for help reverting before you publish.