I just started the trial for framer today to create an interactive mock-up from my app design in Sketch, but I don't understand how the integration between the two works. When I use the import feature from within Framer Studio, it imports from the open sketch project, but I can't select any objects below the initial folders. For instance, I can select the RoomBg folder and control it, but I can't select any objects within it, such as Music_Notes. These are shown in Framer Studio's interaction pane as objects (pressing ESC) Could anyone help me with this?

Shane Brown

Posted Oct 08 - Read on Facebook

I just started the trial for framer today to create an interactive mock-up from my app design in Sketch, but I don't understand how the integration between the two works.

When I use the import feature from within Framer Studio, it imports from the open sketch project, but I can't select any objects below the initial folders. For instance, I can select the RoomBg folder and control it, but I can't select any objects within it, such as Music_Notes. These are shown in Framer Studio's interaction pane as objects (pressing ESC)

Could anyone help me with this?

3 Comments

Koen Bok

I think that you missed that the imported layers are in a flat namespace. So to get RoomBg just do importedLayers["RoomBg"].blur = 10

Shane Brown

Thanks! That's what I was after. I looked through the docs trying to figure that out but I couldn't see any reference to it anywhere, especially for working with Sketch. Applying this I discover that accessing art boards works the same, but the Learn section doesn't mention this. Do you know of any tutorials on using Framer +Sketch? The one I've found so far were outdated.

Koen Bok

We should make a video I guess.

Read the entire post on Facebook