> For the complete documentation index, see [llms.txt](https://docs.bueno.art/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bueno.art/generator/asset-management/preparing-your-assets/preparing-with-figma.md).

# 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](https://help.figma.com/hc/en-us/articles/360038662654-Guide-to-Components-in-Figma).

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

![](/files/Y0NqsQS5mydv4yQvcLg3)

Then, you can load all your assets into a single component to prep for export with the [Bueno NFT Exporter plugin](https://app.bueno.art/downloads/bueno-figma-exporter.zip). 

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.](/files/9GbjL2sshYGlSfJ6fykN)

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.  ](/files/W0pmrEK2LhkoV4db3OaE)

#### How to install and use the Bueno plugin for Figma

First, [**download the Bueno Figma plug-in**](https://app.bueno.art/downloads/bueno-figma-exporter.zip)**.**

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

![Navigating to Import from manifest selection.](/files/JhtPA0PcGNhygcKwKIWi)

**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. ](/files/hQkOx7GyD8RnRksijmIz)

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!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bueno.art/generator/asset-management/preparing-your-assets/preparing-with-figma.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.