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

What is Framer? Join the Community
Return to index
Chris Chen
Posted Jun 19 - Read on Facebook

【 Make your Framer prototypes responsive 】

Hi all! Just want to share with you guys, what you can do to make your Framer prototypes responsive :) !

The idea was quite simple. All you need to do is to create a parent container and then parent your layers to that parent container, then do some ratio scaling :).

Any other ideas and suggestions are welcome !

The article is originally written by 張哲維 , I just translated it into english.

6 Comments

Sigurd Tapio Mannsåker

Interesting approach. Any reason you're not just setting the deviceScale directly?

Sigurd Tapio Mannsåker

As opposed to scaling a container I mean

Koen Bok

Nice article, thanks for writing! I left some tips as comments.

Davo Galavotti

Thanks!

Jordan Robert Dobson

I might recommend using 1x approach and using my DPR module instead and doing your layout with Screen.width and Screen.height values to position elements.

Ee Venn Soh

Not sure if it needs to be that complicated. I have been using contentScale = Screen.width / width of your intended designed device to derive the ratio. And it works fine acrolls frameless (iOS), framer (Adr). iPhone 6, Samsung Galaxy S6.

Read the entire post on Facebook