First install the Bannernow Export Plugin for Figma from the Figma Plugin Marketplace
Generate and copy the API key from your Bannernow account (top dashboard menu -> Figma icon click):
Paste it in the Figma Bannernow Export plugin
Then Select the Artboards/Frames you want to export from the Layers panel or directly on the canvas.
Then you’ll see the selected Frames/Artboards in the 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 for export (in Figma).
Then choose the Bannernow project and folder where these Frames/Artboards will be exported.
You can also select some 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.
