> For the complete documentation index, see [llms.txt](https://docs.buzzy.buzz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma.md).

# 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 %}