# Figma - Bueno Exporter

{% hint style="warning" %}
**Note:** The Bueno plugin only works with the Figma desktop application, and cannot run through the browser application. 
{% endhint %}

## Installation

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**. 

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9IBs7DeWK0IjMWTqEXb%2Fuploads%2Fla5Shl2NsWhiKW3JUPIr%2FCleanShot%202022-02-02%20at%2015.55.54%402x.png?alt=media&#x26;token=8b9e6b8f-6802-4ddc-b401-8c5360bccae2" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9IBs7DeWK0IjMWTqEXb%2Fuploads%2F9Ei5c6oUpbwuIMnZI74U%2FCleanShot%202022-02-02%20at%2015.59.01%402x.png?alt=media&#x26;token=78734e6f-aedd-4daf-bd76-12f1001f95b4" alt=""><figcaption></figcaption></figure>

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!

## Preparing Your Assets with Figma

In order to prep your Figma file to use the Bueno Plugin, 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.​​ Then, you can load all your assets into a single component to prep for export with theBueno 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.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9IBs7DeWK0IjMWTqEXb%2Fuploads%2FN0eO8V2ptYmZLZIfrEL1%2FCleanShot%202022-06-15%20at%2010.40.09%402x.png?alt=media&#x26;token=66945919-6d6d-41bd-899e-774dd0e5d9f5" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fo9IBs7DeWK0IjMWTqEXb%2Fuploads%2F90qFcSJGXgsdGzvcqR5p%2FCleanShot%202022-06-15%20at%2010.47.59%402x.png?alt=media&#x26;token=f2c41c4f-270f-42d6-b7da-5596aa2f9ec5" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: 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/integrations-and-plugins/plugins/figma-bueno-exporter.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.