artboard – Bannernow Tutorials https://bannernow.com/tutorials Bannernow Tutorials Mon, 10 Feb 2025 21:21:09 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.2 https://bannernow.com/tutorials/wp-content/uploads/favicon-bn-32x32.png artboard – Bannernow Tutorials https://bannernow.com/tutorials 32 32 Figma export plugin https://bannernow.com/tutorials/figma-plugin-usage/ Wed, 15 Dec 2021 14:19:58 +0000 http://help.bannernow.com.www629.your-server.de/?p=2605 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.

]]>