Syncing from Photoshop

Syncing your artboards from Photoshop to Marvel can be quick and easy by using the generator for image assets in Photoshop. This workflow works both on MacOS and Windows.


Step 1: Turn on generate

Go to “File” → “Generate” → “Image Assets.” and ensure this is checked. 


Note that this is a file based settings so each time you create a new file you will have to turn this on again.


Step 2: Rename the layers you want to export to Marvel

Now we have turned on the generator we need to rename the layers or artboards we want to export to Marvel. Rename a layer to 

100% Home.png


If you want to export your layer to retina you can also use

200% Home.png

Hit save and now the layer is automatically exported in another folder next to your Photoshop file.


Step 3: Drag your images inside Marvel

Now go your export folder and drag the images inside the project view in Marvel. Now every time you have made changes in your Photoshop file the images in the folder will get updated and when you want to make changes to your Marvel prototype you can just drag the images in Marvel again to update them. Just be aware that the filename of your image always has to be the same for them to update. 


Was this article helpful?
9 out of 12 found this helpful