First install the Bannernow export plugin for Adobe XD from Adobe Marketplace
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.
