Framer Design At 1x

Framer-Design-At-1x.coffee

is_iPhone = Framer.Device.deviceType.includes "apple-iphone"
is_iPhonePlus = Framer.Device.deviceType.includes "plus"
is_iPhoneNotPlus = is_iPhone and not is_iPhonePlus

if is_iPhonePlus and Utils.isFramerStudio() then Framer.Device.content.scale = 3
if is_iPhoneNotPlus and Utils.isFramerStudio() then Framer.Device.content.scale = 2

document.querySelector("head>meta[name=viewport]").setAttribute "content",
"width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no"
Framer.Device._update()

screen = new Layer # Be sure to use "screen" instead of "Screen"
	width: Screen.width / Framer.Device.content.scale
	height: Screen.height / Framer.Device.content.scale

# -------------------

layerA = new Layer
	size: 375
	borderColor: "red"
	borderWidth: 10

This is great work.

Any plans to extend this to Android devices too?

@vennsoh Yes you can, if you preview on actual device it's working.
for FramerStudio preview just add more scale factors just like line 5 and line 6.