LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt

How to Scale in Framer



How to Scale in Framer: step-by-step guide

  1. Open your Framer project.

  2. You can scale elements or the frame by using the canvas controls.

  3. It allows you to scale layers by a factor or to a specific size.

  4. The Scale tool allows you to scale elements proportionally by multiplying their size by a factor.

Quick answer: To scale elements in Framer, open your project, use canvas controls to scale layers or the frame by a factor or specific size, and use the Scale tool to scale elements proportionally by multiplying their size by a factor.

About this Framer tutorial

Resize elements and frames proportionally in Framer using canvas controls and the Scale tool to adjust layer sizes by a factor. This guide shows how to scale in Framer in 4 steps, starting with "Open your Framer project" and finishing with "The Scale tool allows you to scale elements proportionally by multiplying their size by...". The interactive demo above is a click-through copy of the real Framer interface, so you can rehearse each step before doing it in your own account.

Frequently asked questions

How many steps does it take to scale in Framer?

4 steps. Each one is listed in order above, and the demo highlights exactly where to click.

Can I try it without changing my own account?

Yes. Clicking through the demo doesn't touch your Framer data or settings. Once you know the flow, repeat it in your own workspace.

This tutorial is filed under Framer. Related guides: How to Share Framer Prototype, How to Share Project Link in Framer and How to Share Project with Another User. Last reviewed 05 Oct 2026.

LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt
🚀

Create your first interactive demo in minutes

No credit card required • Start building today

Start free→

This website uses cookies to enhance the user experience.

AcceptDecline