Preparing with Figma

In order to prep your Figma file, you’ll need to organize your traits into component sets. For an overview of components in Figma, follow this link.

When organizing your assets, make sure you select create component set from the component menu at the top-center of your Figma canvas.

Then, you can load all your assets into a single component to prep for export with the Bueno NFT Exporter plugin.

To do this, first create a new, blank component frame. Then, select the assets panel on the left. You can drop an instance of each of your local components from here into the new component frame. Alternatively, you can copy and paste instances of each component set into the component frame.

The assets panel in Figma.

When you go back to the layers panel, you should see empty triangle markers to the left of each component layer. Don’t worry that only one trait is showing - the Bueno exporter will export all variations of each component.

Instances of each component group in a parent component frame.

How to install and use the Bueno plugin for Figma

First, download the Bueno Figma plug-in.

Then, open the Figma menu and navigate to Plugins > Development > Import from manifest.

Navigating to Import from manifest selection.

Note: The Bueno plugin only works with the Figma desktop application, and cannot run through the browser application.

Next, select the manifest.json from the bueno-figma-exporter folder.

Manifest.json file in the bueno-figma-exporter file.

You should get a notification at the bottom of your Figma canvas confirming the installation.

Now, you can run the plugin by selecting Figma > Plugins > Development > Bueno NFT Exporter.

To use the plugin, simply select your parent component, choose your file format (SVG or PNG), and select export. The Bueno plugin will do the rest!