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

What is Framer? Join the Community
Return to index
Patrick Bowen
Posted Jan 23 - Read on Facebook

Hi all. New to framer and have a basic question. I thought framer studio was supposed to recognize all artboards on canvas imported from sketch regardless of position? Working on a simple example where I have to stack all artboards so that they display in preview.

6 Comments

Ben Rodenhäuser

The Framer import respects the relative position of your artboards on the Sketch canvas. The way you describe it, I suspect that your missing artboards are "somewhere to the right" in the Framer view. Try hovering over the artboard in the Framer layer inspector (between editor and preview panes): you will get a "tooltip" giving you x and y coordinates. This can help whenever you are in doubt about where some layer or other is positioned on the Framer canvas. Hope that helps.

Ben Rodenhäuser

What this basically means is that you will have to do some repositioning in Framer, depending on what you want to see in the viewport of your device, and when.

Patrick Bowen

Thanks Ben. Yes, they are positioned to the right on the canvas in Framer and can see them when hovering on layer inspector. But I have to reposition them in Framer? Or I guess stack all the artboards in the sketch canvas? I'm using a tutorial right now (o'reilly) that suggests you don't need to do any repositioning as long as all layers are properly grouped in sketch before importing. Then you can just do things like set a layer to be .visible = true/false.

Ben Rodenhäuser

There has been a change in the past in the way Framer handles artboards. Until some time ago, Framer indeed used to stack all Sketch artboards on top of each other. Maybe that was still the status quo when the O'Reilly tutorial was made. As far as I know, the status quo was changed because people where complaining that Framer does not respect their Sketch artboard positions. So now it does. But indeed, you will have to reposition them if you want to see them, by saying sketch.myArtboard.x = 0, and things like that. Stacking all artboards on top of each other in Sketch is also a solution, but that makes them kind of inaccessible in Sketch, so I personally would not want to do that.

Ben Rodenhäuser

PS: Possible feature for Framer Studio: make "respect Sketch artboard positions" optional, rather than the only option.

Patrick Bowen

Got it. Thanks again, Ben. I'll use sketch.myArtboard.x = 0, etc., and +1 for optional respecting of artboard position.

Read the entire post on Facebook