This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Olav Ljosland
Posted Aug 05 - Read on Facebook

I have made a prototype using Framerjs and Sketch, sized for an iPhone 6S. Now i would like to make it scale to any device. How would i go about achieving this?

I tried these two lines, and while it did scale most elements to the proper size, positions and animations were off:

artboardWidth = 750
Framer.Device.contentScale = (Screen.width / artboardWidth)

Any advice?

5 Comments

Jonas Treub

Jon just made this nice module to help you out: https://github.com/ServusJon/FramerScaleToDevice

Olav Ljosland

I tried this module and followed the instructions, but it was unable to solve the problem. :(

Olav Ljosland

It worked nicely on my PC, but didn't resize all the layers on mobile for some reason. So some UI elements were the right size while some were too big or too small.

Jon Arnold

How did you size the layers that were too small / too big?

Jeff French

Jon Arnold - I get "ReferenceError: Can't find variable: helper" when trying to use scaleToDevice. What might I be missing?

Read the entire post on Facebook