Then generate an API key for XD Plugin (dashboard top menu → XD icon click).

Open the Bannernow Plugin (top XD menu → Plugins → Bannernow).

Then Select the Artboards/Frames you want to export from the Layers panel or directly on the canvas.

The selected Frames/Artboards will appear in the Bannernow Plugin panel (with the number of items that will be exported).

You can also Expand the Frame/Artboard directly in the Plugin panel and set the export format for each element separately.

If there are too many elements to export – group design elements and mark it for export (in XD).

Choose the Bannernow project and the folder where these Frames/Artboards will be exported.

Advanced export settings:

• Retina – will export all the images in @2x format.
• Export Hidden Layers – will also export hidden layers
• Generate Global Preview Image – will generate a screenshot of the Artboard/Frame

Click Export button to export your Frames/Artboards to Bannernow.

Now you can open the exported designs in Bannernow and start animating.

1. Generate and copy the API key from your Bannernow account (top dashboard menu -> Photoshop icon click):

2. Paste it in the Photoshop Bannernow Exporter plugin

Now you should be able to export your designs directly from Photoshop to Bannernow.

If you want to know more about how to use this plugin please read our next article: How to use Bannernow Photoshop Extension