# Getting Started with Figma

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.

{% content-ref url="/pages/OmAdkHmXMbuFjSk7o7tj" %}
[1. Using Buzzy with Figma](/getting-started-with-buzzy/getting-started-with-figma/1.-using-buzzy-with-figma.md)
{% endcontent-ref %}

{% content-ref url="/pages/YKRn2K5eLsUwhyII6MxM" %}
[2. The Buzzy Figma plugin](/getting-started-with-buzzy/getting-started-with-figma/2.-the-buzzy-figma-plugin.md)
{% endcontent-ref %}

{% content-ref url="/pages/tysWyYPxYtrwA7Anw2bg" %}
[3. Creating a simple app](/getting-started-with-buzzy/getting-started-with-figma/3.-creating-a-simple-app.md)
{% endcontent-ref %}

{% content-ref url="/pages/w8du9niN3oIZ9Z5Cs8M5" %}
[4. Screens and navigation](/getting-started-with-buzzy/getting-started-with-figma/4.-screens-and-navigation.md)
{% endcontent-ref %}

{% content-ref url="/pages/F2OpCIENQURDrS6WnRua" %}
[5. Forms, fields and data](/getting-started-with-buzzy/getting-started-with-figma/5.-forms-fields-and-data.md)
{% endcontent-ref %}

{% content-ref url="/pages/GDmTj1QXaT9RraAmzXgr" %}
[6. Data-driven menus & content](/getting-started-with-buzzy/getting-started-with-figma/6.-data-driven-menus-and-content.md)
{% endcontent-ref %}

{% content-ref url="/pages/yHEVfyUu9UA36af2sEbd" %}
[7. Data edit and delete](/getting-started-with-buzzy/getting-started-with-figma/7.-data-edit-and-delete.md)
{% endcontent-ref %}

{% content-ref url="/pages/B22IHVzvT6W99HX7xPyI" %}
[8. Search, sort and filter](/getting-started-with-buzzy/getting-started-with-figma/8.-search-sort-and-filter.md)
{% endcontent-ref %}

{% content-ref url="/pages/RCPMwpjcfHoOM2KhVjBo" %}
[9. User login and registration](/getting-started-with-buzzy/getting-started-with-figma/9.-user-login-and-registration.md)
{% endcontent-ref %}

***

### Extending Buzzy with code

Coming soon - this section will look at extending Buzzy with code widgets and API calls, external integrations, and other advanced concepts.

In the mean time, check out some of our existing articles, videos and templates:

{% embed url="<https://www.buzzy.buzz/post/launching-your-ai-powered-stock-portfolio-app-a-no-code-journey>" %}

{% embed url="<https://www.buzzy.buzz/post/case-study-build-an-ai-t-shirt-app>" %}

{% embed url="<https://www.buzzy.buzz/post/building-the-ai-strategy-app-with-buzzy-a-case-study>" %}

{% embed url="<https://www.buzzy.buzz/post/building-the-ai-strategy-app-with-buzzy>" %}

{% embed url="<https://www.youtube.com/channel/UCQuKoJzwKV-FiIKSImIAUFA/>" %}

{% hint style="success" %}
[Template: Course Quiz App](https://app.buzzy.buzz/app/3702d99d7ac3e3a578559cf4/cd3d3f61ca1be15dfc1dcbc2/KKyiytQeb6otJwvPjpCJJr7B)

A quiz app consisting of courses and multiple choice quizzes, with an admin interface and simple login flow. Uses code widgets to add and remove courses from a student account and manage data duplication/deletion.
{% endhint %}

{% hint style="success" %}
[Template: AI-powered chat app](https://app.buzzy.buzz/app/3702d99d7ac3e3a578559cf4/cd3d3f61ca1be15dfc1dcbc2/wR9rXzwbq8aHfB8LPnfq7hr5)

A real AI-powered chatbot, with chat history, login and search. Requires some manual setup to integrate a working AI into your Buzzy app.
{% endhint %}

{% hint style="success" %}
[Template: Contact list with search examples](https://app.buzzy.buzz/app/3702d99d7ac3e3a578559cf4/cd3d3f61ca1be15dfc1dcbc2/B52ZDTtjSJPjRfLb5Dme8XFY)

A simple single-field search, a formula-based search of multiple fields plus a custom filter example using a code widget to provide more complex range-based filtering.
{% endhint %}


---

# 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/getting-started-with-buzzy/getting-started-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.