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

What is Framer? Join the Community
Return to index
James Taylor Stables
Posted Aug 16 - Read on Facebook

Sorry for the extremely basic question but I can't seem to find the answer after a lot of searching:

How does Framer import? I mean...When you import a sketch file into Framer, all the layers are replicated in Framer (caveat: if all layers are in a group) . Now, do they all come in as static pngs or something worse? I was trying to add a drop shadow in Framer as part of an animation to a "vector" that I had in my sketch file that was imported. I was trying to add the drop shadow to add the illusion that the "vector" icon was in a 3d space moving higher away from the canvas before dropping back down on to the canvas. Nope. The drop shadow applies only to the bounding box that you would have around a jpg or something horrible. I would have thought all elements of your sketch file were imported as vectors or at the very least transparent pngs. I can't even add a drop shadow to a heart icon I made in Sketch? without it being a square drop shadow around it's invisible bounding box? Jeepers. I really hope this is not true and I am doing something wrong. Please help ! :)

3 Comments

Andrew Nalband

I believe Framer honors the settings you've selected in sketch for export. You can find the actual imported images under the "imported" folder in your framer project if you use the import function, or in the "images" folder if you drag and drop.

Ahmet Bekteş

Use CSS drop shadow for png. “style:
"-webkit-filter": "drop-shadow(10px 10px 8px rgba(0,0,0,0.5))”

Read the entire post on Facebook