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

What is Framer? Join the Community
Return to index
Troy Mcilvena
Posted Aug 04 - Read on Facebook

Is having a ability to upscale Sketch files during import process a feature that gets requested frequently?

This is probably my main pain point at the moment, unless I'm doing something wrong. I still like to create source artwork at 1x, especially for Android design. It makes the import/reimport process quite cumbersome to get assets into Framer Studio for creating and testing xxhdpi and xxxhdpi prototypes.

27 Comments

Rory Smyth

See it posted a bit yeah. Hoping this is addressed in the future. With sketch there's no reason to design in 3x. It's all vector. For a nexus 5 screen that's a ridiculous size to work in too. 1080x1920. You can just zoom into your canvas to look at the detail in 1x.

Gabriel Lovato

Didn't someone post a while ago that if you set your artboard export options to 3x Framer would honor it when importing? I never tested it but remember reading something like that.

Rory Smyth

Gabriel Lovato no, framer doesn't do this

Benny Chew

+1 This is the reason I don't use Framer (or prefer to) atm. I also like to design at 1x and don't want to go to the trouble to make everything 2x only for prototyping. If Framer works with points instead of pixels it would be much better (see Xcode).

Gabriel Lovato

Yeah as I said it's something I thought I read in a comment here a while ago. But I never tested and maybe it's just a rumor. Benny : I usually have a separate Sketch file with the layers organised just for Framer, so resizing everything by selecting all artboards and doing a 200% scale is not a problem. If you import to Framer from the same files you design in, I see how that could be annoying! Maybe they'ill find a way to solve this.

Jordan Robert Dobson

Cc Benjamin Den Boer - I feel like you answered this just yesterday.

Anubhav Saxena

Do a Edit - >Scale on your art board in Sketch and import again in framer. That's the workflow right now..

Benny Chew

There is very nice Sketch plugin for this from Cemre (Scale double): https://github.com/cemre/cemre-sketch-plugins But my point was I don't want to scale my designs up to 200% when I want to prototype, it's a step that shouldn't exist imho. If my design changes I have to do the whole scaling step again. What if apple releases a @4x iPhone? Also all calculations have to be x 2 which is not convenient when you want to implement your design in Xcode (which works with points).

Anubhav Saxena

Ya, ideally the import should have been vector..

Jordan Robert Dobson

That is unless you're working with the 6+

Rory Smyth

Would be great if you could just specify in framer that you're designing in 1x and it needs to be 3x. And have it scale up the images and hotspots

Andrew Nalband

Just posted this to the other thread about scaling - probably the fastest way is to highlight all your groups, and select for them to be exported at 2x or 3x in Sketch

Jordan Robert Dobson

Christian Hagel - this might be a good thing to hit on.

Jordan Robert Dobson

Andrew - could you message me that image so I can post it on framerco.de?

Andrew Nalband

Jordan Robert Dobson - Sure can!

Christian Hagel

Jordan thank you!

Rory Smyth

Andrew does that work if you group all the layers in a master layer? or do you have to do every layer individually?

Andrew Nalband

Haha, here's a little mind fuck for you. Framer will honor whatever you set at the GROUP level. Immediate children of the group will export at whatever the export settings are for the parent. Note the way the group 2 title honors the export setting of it's parent group, but the text in the subgroups honor the setting of the groups they are inside of.

Rory Smyth

Eugh. Less effort to just redo the entire thing as 2x or 3x. It's an annoying little thing that stands in the way of a really seamless workflow

Andrew Nalband

Haha, ok here's the magic. Put everything into a parent group and design at 1x. When you're finished, click on your artboard. Go to Edit -> Scale (or hit command+K on your keyboard) and set your scale to 200%) When you get into Framer, scale the parent group to 0.5. Voila! You've got everything sized correctly and beautifully crisp. Thanks to Anubhav Saxena above for the tip.

Andrew Nalband

Correction - you don't need the parent group. You can just scale the artboard:

untitled4Layers2.MyArtboard.scale = 0.5

Rory Smyth

Andrew Nalband that's the problem though. Troy Mcilvena doesn't want to go back and forth between design and design "prep" for prototyping. He wants to design in 1x only. The start and end of the two stages are never that clear cut. You go back and forth. He doesn't want to have to keep going back and scaling up/down his mockups for the prototyping

Andrew Nalband

Rory Smyth I hear you. In a dream world we'd be able to sit with our users and do iterations measured in seconds. Perhaps I'm missing something in this particular case, but what is the advantage to designing at 1x only?

Rory Smyth

On the nexus 5, the "real" resolution is 1080x1920. Try handling 15 screens on a page. Lots of panning, zooming and previewing in hand to make sure it looks right. Designing at 1x is more more manageable (360x640). You see on screen the real world size of the design. If you need super granular control, you can zoom in. I see a lot of apps with minuscule text, tiny tappable areas and icons. Product of designers working with canvases way larger than needed. You don't need to design AT 2x if your 1x canvas and all its assets scale up. The whole "designing at 2x" was a result of photoshop not handling assets and mockups like sketch. My 2c

Anubhav Saxena

I wouldn't blame Photoshop for that. Because it was not meant for vector editing. It's an image editing tool. Illustrator and sketch do that.

Anubhav Saxena

I would actually prefer designing at the real dpi!

Fabian Buijing
Read the entire post on Facebook