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):
![](https://knowledgebase.bannernow.com/wp-content/uploads/plugin-installation-figma1.jpg)
![](https://knowledgebase.bannernow.com/wp-content/uploads/plugin-installation-figma2.png)
Paste it in the Figma Bannernow Export plugin
![](https://knowledgebase.bannernow.com/wp-content/uploads/1-figma-plugin.jpg)
Then Select the Artboards/Frames you want to export from the Layers panel or directly on the canvas.
![](https://knowledgebase.bannernow.com/wp-content/uploads/2-figma-plugin.jpg)
Then you’ll see the selected Frames/Artboards in the Plugin panel (with the number of items that will be exported).
![](https://knowledgebase.bannernow.com/wp-content/uploads/3-figma-plugin.jpg)
You can also Expand the Frame/Artboard directly in the Plugin panel and set the export format for each element separately.
![](https://knowledgebase.bannernow.com/wp-content/uploads/4-figma-plugin.jpg)
If there are too many elements to export – group design elements and mark for export (in Figma).
![](https://knowledgebase.bannernow.com/wp-content/uploads/6-figma-plugin.jpg)
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
![](https://knowledgebase.bannernow.com/wp-content/uploads/5-figma-plugin.jpg)
Click Export button to export your Frames/Artboards to Bannernow.
![](https://knowledgebase.bannernow.com/wp-content/uploads/7-figma-plugin.jpg)
Now you can open the exported designs in Bannernow and start animating.
![](https://knowledgebase.bannernow.com/wp-content/uploads/8-figma-plugin.jpg)