This document aims to solve the difficulties that Korean users face due to a lack of Korean resources when learning Framer. We have translated content from the official blog into Korean and added practical information. We hope it provides some help to those using Framer.

How to Lock Aspect Ratio in a Frame

Create a 400×300px size frame and click the lock ratio icon to fix it at a 4:3 aspect ratio.
When the ratio is fixed and you set Width to Fill, the height automatically adjusts to match the width, maintaining the 4:3 aspect ratio at all times.

Note: Using a fixed aspect ratio in the CMS collection list ensures that all CMS images inherit the same ratio, maintaining a consistent layout.

How to Use Images with Various Aspect Ratios

If each image has a unique aspect ratio, you can use the image component from the Framer demo project.

1. Upload images to Framer's CMS collection

2. Use the Image component provided in the demo project

The components of the demo project are set to display each image according to its original aspect ratio while also accommodating different ratios within the CMS collection.

This article is a translated and adapted version of Framer's official blog post ‘Using images with unique aspect ratios in the CMS’.