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

What is Framer? Join the Community
Return to index
Majorr Tom
Posted Aug 17 - Read on Facebook

Hey,
what is the correct way to import @2x files from Photoshop? Or what size/dpi should I use there?
If I double the size of the canvas in Photoshop, to see it crisp on a retina display, the imported files in Framer are double in size. I can resize the layers with .scale but the prototype performance decreases if I do that. Thanks!

6 Comments

Aalok Trivedi

import it at 1x. Framer exports your files TO the desired density selection. So if your design is @1x, import it at 2x. If your design is @2x, import it at 1x

Majorr Tom

I can only see the import @ setting for Sketch, not Photoshop (I have the latest version of Framer, v68).

Majorr Tom

Aalok Trivedi

ah ok. I only use sketch. But I made a psd to test it and it worked fine for me. What are your dimensions in the psd?

Ee Venn Soh

If you are importing from PSD, for @2x, you need to have your canvas size at @2x too. Eg: 360dp x 640dp for Android, hence 720px x 1280px for your PSD. Once you do that, you will need to set the contentScale property to scale to fit within your Framer device screen. Maybe try Device.contentScale = (Screen.width / 1440);

Majorr Tom

This is what I needed. I set Framer.Device.contentScale = 0.5 and now everything looks fine.
Thanks :)

Read the entire post on Facebook