# Getting your Buzzy AI app into Figma (full description)

If you've used Buzzy AI to generate a new app via the Buzzy website or Buzzy Workspace, you can import the app into a Figma file. You can then edit and republish the app directly from Figma using the Buzzy Figma plugin.

**Make sure you have a Figma account with the same email address as you've used for Buzzy.**

{% hint style="info" %}
It helps to be familiar with Figma, and have an understanding of how the Buzzy plugin works via our [getting started guides](https://docs.buzzy.buzz/archive/archive-stuff/learning-buzzy-getting-started-guide-for-the-buzzy-figma-plugin) 
{% endhint %}

***

### Open the Buzzy AI Figma toolkit

In the Buzzy Workspace, go to the Buzzy Design tab, you should see a set of instructions (see screengrab). Click a UI kit file link - or just go [here](https://www.figma.com/community/file/1431169980750969791).

{% embed url="<https://www.figma.com/community/file/1431169980750969791>" %}

### Copy the Buzzy AI toolkit

Click the 'Open in Figma' button at top of the Figma community file web page - this will create a copy of the AI toolkit file in your own Figma 'Drafts' folder .

{% hint style="danger" %}
*Note: If you don't have a Figma account yet, Figma will prompt you to create one - make sure you sign up with the same email address you used to create your Buzzy account<mark style="color:yellow;">**.**</mark>*
{% endhint %}

<figure><img src="https://1771273900-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3HPEoFCyP7Q88dV3CmqD%2Fuploads%2FKGckgR9gqf746MBV1eB5%2Fbz2fig-ai-toolkit.jpg?alt=media&#x26;token=be0283f1-d28b-497f-86b5-57f495857c7a" alt=""><figcaption></figcaption></figure>

### Run the Buzzy plugin

Follow the instructions on the first page of the new file to find and run the Buzzy plugin.

<figure><img src="https://1771273900-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3HPEoFCyP7Q88dV3CmqD%2Fuploads%2FdE0gSMMNSVj6u9okugzL%2FScreenshot%202024-10-24%20at%203.27.41%E2%80%AFpm.png?alt=media&#x26;token=24a1b2c1-fbce-456d-9d81-605a800d34eb" alt=""><figcaption></figcaption></figure>

### Connect your Buzzy and Figma accounts

Follow the instructions in the Buzzy plugin to connect your Buzzy and Figma accounts (again - it's important you use the same email address for both Buzzy and Figma here).

### **Switch to the 'Your app here' page of the toolkit file.**

The Buzzy plugin should recognise it can generate an app here, and will ask if you want to create a new one or import and existing one.

{% hint style="danger" %}
Potential gotcha: If you don't see the option to import your app in the Buzzy Figma plugin, make sure you have 'Wizard mode' enabled - click the 'magic' icon at the top left of the plugin nav bar:

<img src="https://1771273900-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3HPEoFCyP7Q88dV3CmqD%2Fuploads%2FneyMl5MYhJfR4jrXeTA8%2FScreenshot%202024-10-24%20at%203.31.37%E2%80%AFpm.png?alt=media&#x26;token=46b90983-1411-44d8-86f3-259d31b69824" alt="" data-size="original">
{% endhint %}

### Edit your app and republish from Figma!

Once that's done, you can use Figma to update your app screens and UI (for instance, see the instructions in the toolkit file for switching themes in seconds), and the traditional Buzzy plugin UI to modify your app data, markup and functionality. Once you've made changes, simply go to the publish tab of the plugin and republish your app.

<figure><img src="https://1771273900-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3HPEoFCyP7Q88dV3CmqD%2Fuploads%2FkkMioFF9VqCn5ZH6nIIi%2Fbz2fig-plugin-edit.jpg?alt=media&#x26;token=f4f47ad8-7689-4c3d-9d20-052752740a42" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Having problems? Check out our [FAQs and troubleshooting](https://docs.buzzy.buzz/working-with-buzzy/buzzy-ai/troubleshooting-buzzy-ai) section.
{% endhint %}