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

What is Framer? Join the Community
Return to index
Nick Andrews
Posted Jun 21 - Read on Facebook

Hey everyone! Quick question. I'm currently running FramerJS on windows until I get my Macbook Pro. I just want to learn the basics for now. I know that with Framer Studio on Mac you can import a PSD or sketch file and get a JSON file with all the layer information, allowing you to import the PSD into your framer prototype. Does anyone know of a way to be able to do this in Windows?

6 Comments

Stephen Crowley

Joe Day have you guys done anything with importing or was the focus on modules of common components?

Stephen Crowley

Nick -my suggestions would be to export them as assets and then create the layers with the image assets. I don't know of anyone that has built an import for photoshop on PC.

Oliver Kindermann

Framer.js has a "Importer" function.

So you can do:

file = Framer.Importer.load "PATH_TO_FILE"

@see: https://github.com/koenbok/Framer/blob/master/framer/Importer.coffee

Nick Andrews

Thanks Oliver I will give this a shot today. I'm pretty sure I tried this already, and framer was still looking for a .json file. Steve that's what I've been doing, it works great, was just hoping to remove that one extra step

Nick Andrews

This is the error I was running into the other day, same as today. I'm wondering if it's because I'm running the framer preview on a localhost in my web-browser:

localhost:3000/app/psd.psd/layers.json 404 (Not Found)

Nick Andrews

When I download an example project that uses a PSD and this importer function, the json file is packaged with the bundle and everything works fine

Read the entire post on Facebook