# Copy of Getting Started with Buzzy

The **Buzzy AI wizard** lets you create a working app from a simple AI prompt. You can then perform simple edits via AI and the Buzzy Workspace, or take your app into Figma and edit your live app with Figma's design tools and the Buzzy Figma plugin. The following series of videos cover this entire process.

{% hint style="info" %}
Buzzy builds on a basic familiarity with Figma - [start here if you're new to Figma](/working-with-buzzy/buzzy-for-figma/learning-figma.md)! Alternatively we can connect you with partners who can help you.
{% endhint %}

***

## Part 1: Buzzy AI and the Buzzy Workspace

Videos 1-6 cover an introduction to Buzzy and the Buzzy Workspace, including creating a simple app via AI.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>1. Welcome</strong> (1:19)</td><td>Learn how to quickly create fully functional apps and website. Discover the Buzzy process, which includes kickstarting with AI, enhancing with Figma, and extending with custom code.</td><td><a href="/files/e8ZXiBmXjs0LUrnoszvn">/files/e8ZXiBmXjs0LUrnoszvn</a></td><td><a href="https://youtu.be/iYkDBJFrtPQ">https://youtu.be/iYkDBJFrtPQ</a></td></tr><tr><td><strong>2. Introducing the Buzzy Workspace</strong> (1:18)</td><td>Whether you accessed Buzzy through our website or are joining us for the first time, we'll guide you through signing up, accessing the Workspace, and managing your apps.</td><td><a href="/files/UXnl9MHBIdUWBa6rPLry">/files/UXnl9MHBIdUWBa6rPLry</a></td><td><a href="https://youtu.be/Nx0Y6llNkxk">https://youtu.be/Nx0Y6llNkxk</a></td></tr><tr><td><strong>3. Create an app from a prompt</strong> (1:29)</td><td>Use the Buzzy AI wizard to create a new app from scratch: starting from a simple prompt to generating a functional requirements document, building a data model, and creating a working app interface.</td><td><a href="/files/J3tXyTLy789IRsvCildg">/files/J3tXyTLy789IRsvCildg</a></td><td><a href="https://youtu.be/I0xsh-XV8aE">https://youtu.be/I0xsh-XV8aE</a></td></tr><tr><td><strong>4. Preview your app in the Buzzy AI Editor</strong> (1:51)</td><td>In this video, learn how to preview and modify your Buzzy AI-created app using the Workspace Editor. Note that these edits use Buzzy AI tokens and are limited to simple changes.</td><td><a href="/files/0C1b4YdqLPN16qwqIgi9">/files/0C1b4YdqLPN16qwqIgi9</a></td><td><a href="https://youtu.be/SSb_4dq8SYE">https://youtu.be/SSb_4dq8SYE</a></td></tr><tr><td><strong>5. Manage your app in the Buzzy Workspace</strong> (1:41)</td><td>Explore the settings and management tools in the Buzzy Workspace for app management. We also discuss moving on to the 'Enhance' phase, which involves detailed app editing using Figma and the Buzzy plugin.</td><td><a href="/files/twjgIJq3XF79pSiCaJas">/files/twjgIJq3XF79pSiCaJas</a></td><td><a href="https://youtu.be/E7ZJYC20_fA">https://youtu.be/E7ZJYC20_fA</a></td></tr><tr><td><strong>6. Import your Buzzy AI app into Figma</strong> (3:09)</td><td>Import your AI-generated Buzzy app into Figma to customize its design, functionality, and workflows. Demonstrates the step-by-step process of importing your app and connecting to the Buzzy Figma plugin.</td><td><a href="/files/Pu3QesPoyZyj7FGy5YKV">/files/Pu3QesPoyZyj7FGy5YKV</a></td><td><a href="https://youtu.be/YwhMwK_bJEI">https://youtu.be/YwhMwK_bJEI</a></td></tr></tbody></table>

#### The videos above are also available as a single Youtube playlist. [Watch it here!](https://www.youtube.com/playlist?list=PL-a7B5lYx12BQ9mWdSYRUNdOlQaAJLSa8)

***

## Part 2: Buzzy for Figma

***NOTE: These videos depict an older version of the Buzzy interface - we're currently re-recording these, but the core principles are identical.***

This series of short video lessons focuses on using the Buzzy Figma plugin to manually create a custom app from scratch. It will step you through the creation of a simple app, starting with basic screens and slowly introducing more advanced concepts. This is essential knowledge for taking an AI-generated app, and refining it for production.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>1. Hello world</strong> (~6 mins)</td><td>Watch a basic introduction to the Buzzy plugin, and follow the creation of a simple 'hello world' example app.</td><td><a href="https://youtu.be/riYIWkuNOc8?si=xbc4kSvNP08cwF-7">https://youtu.be/riYIWkuNOc8?si=xbc4kSvNP08cwF-7</a></td><td><a href="/files/uUJzqczFUakUFFeNpK0F">/files/uUJzqczFUakUFFeNpK0F</a></td></tr><tr><td><strong>2. Screens and navigation</strong> (~5 min)</td><td>Learn how to create a simple multi-page app with basic navigation directly from Figma using the Buzzy plugin.</td><td><a href="https://youtu.be/OPugYNqhgC8">https://youtu.be/OPugYNqhgC8</a></td><td><a href="/files/Qqae643S5be8grzRUXKn">/files/Qqae643S5be8grzRUXKn</a></td></tr><tr><td><strong>3. Forms and fields</strong> (~6 min)</td><td>Learn how to create a simple live form (with working fields, submit and success actions) directly from Figma using the Buzzy plugin.</td><td><a href="https://youtu.be/GIM_7UyUzKs">https://youtu.be/GIM_7UyUzKs</a></td><td><a href="/files/7zbURFm0p7ttJa2VBvqn">/files/7zbURFm0p7ttJa2VBvqn</a></td></tr><tr><td><strong>4. Data and menus</strong> (~7 min)</td><td>Learn how to add a simple data-based menu to an app directly from your Figma design file - including pagination and a 'load more' action.</td><td><a href="https://youtu.be/1mMUXZmTmMk">https://youtu.be/1mMUXZmTmMk</a></td><td><a href="/files/PxJi43j9yPDG4vWassRH">/files/PxJi43j9yPDG4vWassRH</a></td></tr><tr><td><strong>5. Data and content</strong> (~9 min)</td><td>Building on the previous lesson, we're creating a data-driven content screen that we can link to from our data-driven menu. As a bonus, we'll add some metadata to our content screen on the fly - with only a tiny amount of geekery.</td><td></td><td><a href="/files/V2dn3cD6j3JrfPs9FHps">/files/V2dn3cD6j3JrfPs9FHps</a></td></tr><tr><td><strong>6. Data edit and delete</strong> (~ 13 min)</td><td>Adding to our simple data-driven app demo, we're going to enable users to edit and delete the data they've added to our app. Includes adding confirmation dialogs and success messages.</td><td></td><td><a href="/files/PlEW7buP2RxqNnh9Q7i7">/files/PlEW7buP2RxqNnh9Q7i7</a></td></tr></tbody></table>

#### The videos above are also available as a single Youtube playlist. [Watch it here!](https://www.youtube.com/playlist?list=PL-a7B5lYx12D9p1-AQkFDC9yQUGWCJfcK)


---

# 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.buzzy.buzz/archive/archive-stuff/copy-of-getting-started-with-buzzy.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.