2

I'm creating iPhone app mockups in Sketch 3, and exporting them to PNG. I like showing them to clients in a realistic iPhone 6 mockup/photo.

Ideally, I would like every time I export my artboard from Sketch that it auto updates my smart object in my Photoshop mockup. It doesn't seem to be working, because each time I export from Sketch, it's essentially overwriting the same PNG file (filename stays the same) that's being referenced in Photoshop.

In mockups where I'm always directly editing the same PNG and re-saving it (not overwriting it), it will ask me if I want to "Update Layers" in Photoshop...essentially saying that it sees that I've made changes.

Is there a way to accomplish what I'm trying to do?

1

Great question. I’ve done some testing and found a way to get it working.

Sketch PNGs to Photoshop

  1. Export all your PNGs from Sketch.
  2. Open your master layout Photoshop document (or mockup for clients etc).
  3. Use FilePlace Linked for each PNG file.

If you overwrite your PNGs, they will now magically update in Photoshop. If they don’t, you can use LayerSmart ObjectsUpdate All Modified Content.

The Photoshop document will have to be open and Photoshop will have to be in focus for the PNG to update.

The important part here is that Photoshop can use any kind of linked file, not just Linked Smart Objects (my initial reaction was to try to convert the PNGs to PSDs somehow).

Edit: Maybe I misread the question a bit. Hopefully Update All Modified Content helps though? At the very least, that will update all PNGs with one command.

  • This, for the most part, works. I still have to go into the smart object layer where I'm placing the linked content for it to update the layer, but at least I don't have to place it every time. Thanks for the investigation! – Jon Apr 5 '15 at 11:27
  • You can’t just Update All Modified Content? Can you upload some example files? Seemed to update ok over here. – Marc Edwards Apr 5 '15 at 21:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.