Get Started
Jul 9, 2025
How to Use Framer Pages
Framer offers various page types such as web pages, CMS pages, and canvas pages to help users efficiently manage and design content. Let's explore the types and purposes of these pages.
Uploaded by
Translated by
Contents
Table of Contents
This document aims to help Korean users learning Framer who face difficulties due to the lack of Korean resources. We translated content from the official blog into Korean and added practical information for real-world use. We hope this serves as a small help to Framer users.
Creating a Page – Start with the 'Homepage'
When you create a new project, a default Home(Index) page is generated. This page cannot be deleted and serves as the starting point of the site. Because Framer uses a desktop-centered design approach, the default canvas width is 1200px.
Note : The area outside the canvas is not visible on the actual website, but it's useful for quick iterations or storing assets internally.
How to Use Page Options
When you hover over a specific page in the page list on the left, the ••• (More) button appears.
(Right-clicking will yield the same result)
Key Features Available by Clicking the ••• (More) Button
Feature Name | Description |
|---|---|
Settings | Open detailed settings for the page |
Duplicate | Duplicate the page |
Copy | Copy the page |
Rename | Change name (inactive for homepage) |
Delete | Delete the page (homepage cannot be deleted) |
New A/B Test | Set up A/B testing |
Replace This Page With... | Replace the current page with another page |
Home Page | Set the current page as the homepage (selection marked) |
Types of Pages in Framer
Web Pages
Web pages are actual pages we design and publish. All content that makes up the site, such as blog posts, company introductions, and feature descriptions, is included.
Created with the desktop breakpoint (1200px) by default.
You can add breakpoints for mobile, tablet, etc., as needed to create responsive pages.
Each web page has a URL and can contain content directly exposed on the site.
These web pages form the sitemap structure of the entire website.
CMS Pages
By using CMS features, you can automatically create pages with repeated content like a blog or news. It's incredibly convenient for managing large amounts of content, allowing rapid setup based on a single design.
What is CMS?
It's short for Content Management System.
Useful for content that is abundant and frequently changing, like blogs, news, and product listings.
Even if you only input text without a designer, the page is created using the pre-designated design.
For detailed usage of CMS pages, refer to the 'How to Use CMS Pages'.
Canvas Pages
A versatile page where you can freely create design assets.
Although not directly connected to the website, it's useful for designing and exporting items like social media banners, visual elements, and brand images.
Literally serves as a 'workspace for design.'
This article is a translated and adapted version of the Framer official document 'Using Pages'.
