This document aims to help local users learning Framer who face difficulties due to the lack of Korean resources, by translating content from the official blog into Korean and adding practical information. We hope this provides some assistance to those using Framer.

How to Run a Preview

1. Click the Play button at the top left of the page (frame)

2. Or use the keyboard shortcuts

   • macOS: ⌘ + P

   • Windows: Ctrl + P

To exit the preview screen, press the ESC key or click the close button in the upper right corner.

Checking Responsive Layouts

In preview mode, you can freely adjust the viewport size. This allows you to check page previews at different breakpoints directly.

Want to preview based on a specific device or breakpoint?

• Click the viewport adjustment button at the top center of the preview mode

• Select the desired device size or breakpoint from the dropdown menu that appears

For example, if you select Tablet, the screen automatically adjusts to fit tablet conditions so you can confirm how it operates at that size.

Note: Custom code added in Settings is not applied in the preview screen. It can only be checked after the site is actually deployed.

This article adapts content from the Framer official documentation Previewing your Site.