Read Time

0

min

Read Time

0

min

Get Started

Oct 8, 2025

Publish Framer Site

This step-by-step guide provides instructions on how to publish and optimize a Framer website, including connecting a custom domain and using a staging environment for more efficient website management.

Framer Logo for Blog Authors

Uploaded by

Profile of Blogger Kim Yejeong

Translated by

A blog thumbnail guiding you on how to publish and check optimizations for websites in Framer, complete with a screenshot showing the Framer editor and current optimization status.
A blog thumbnail guiding you on how to publish and check optimizations for websites in Framer, complete with a screenshot showing the Framer editor and current optimization status.
A blog thumbnail guiding you on how to publish and check optimizations for websites in Framer, complete with a screenshot showing the Framer editor and current optimization status.

Contents

Table of Contents

This document is intended to help domestic users learning Framer who experience difficulties due to a lack of Korean resources by translating the contents of the official blog into Korean and adding practical information. We hope it provides some help for those using Framer.

How to Publish Your Website

Publishing a website in Framer is very simple. First, click the Publish button at the top right of the editor, and the site will automatically be generated under the framer.app domain.

웹사이트를 게시하는 방법을 설명합니다.

Note: If you want to use your own custom domain, follow the Custom Domain Connection Guide to easily set it up.

Staging and Production

With a Pro plan or higher, you can use a Staging environment.

By moving to the Staging tab in the editor, you can pre-test changes before actual deployment. Once everything is ready, switch to the Production tab and click the Latest Deployed button to publish live.

스테이징과 프로덕션에 대해 설명합니다.

Reviewing Changes Before Publishing

Before publishing the site, click the View button under Changes to see the list of edits and the profile images of the users who made those edits. This allows you to thoroughly review all changes before deployment.

Check Site Optimization

After publishing, you can check the site's optimization status. Look at the Optimized text at the bottom of the editor. If it’s blue or purple, the site is fully optimized. If it’s red, modifications are needed.

사이트 최적화를 확인하는 방법에 대한 안내입니다.

Clicking on the red text will take you directly to the problematic area (such as fixing nested links or code errors).

Framer visually notifies you of optimization issues to enable quick resolution. If the problem is complex or difficult to resolve, you can get assistance through Framer's Contact Page.

This article is an adapted translation of ‘Publishing your Framer website’ from the Framer official blog.

Share Blog

Share Blog

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

If you are an expert available for Framer freelance work,
anyone can apply.
No intermediary fees, we directly connect
experts and clients.