# 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="getting-started-with-figma/1.-using-buzzy-with-figma" %}
[1.-using-buzzy-with-figma](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma/1.-using-buzzy-with-figma)
{% endcontent-ref %}

{% content-ref url="getting-started-with-figma/2.-the-buzzy-figma-plugin" %}
[2.-the-buzzy-figma-plugin](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma/2.-the-buzzy-figma-plugin)
{% endcontent-ref %}

{% content-ref url="getting-started-with-figma/3.-creating-a-simple-app" %}
[3.-creating-a-simple-app](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma/3.-creating-a-simple-app)
{% endcontent-ref %}

{% content-ref url="getting-started-with-figma/4.-screens-and-navigation" %}
[4.-screens-and-navigation](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma/4.-screens-and-navigation)
{% endcontent-ref %}

{% content-ref url="getting-started-with-figma/5.-forms-fields-and-data" %}
[5.-forms-fields-and-data](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma/5.-forms-fields-and-data)
{% endcontent-ref %}

{% content-ref url="getting-started-with-figma/6.-data-driven-menus-and-content" %}
[6.-data-driven-menus-and-content](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma/6.-data-driven-menus-and-content)
{% endcontent-ref %}

{% content-ref url="getting-started-with-figma/7.-data-edit-and-delete" %}
[7.-data-edit-and-delete](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma/7.-data-edit-and-delete)
{% endcontent-ref %}

{% content-ref url="getting-started-with-figma/8.-search-sort-and-filter" %}
[8.-search-sort-and-filter](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma/8.-search-sort-and-filter)
{% endcontent-ref %}

{% content-ref url="getting-started-with-figma/9.-user-login-and-registration" %}
[9.-user-login-and-registration](https://docs.buzzy.buzz/getting-started-with-buzzy/getting-started-with-figma/9.-user-login-and-registration)
{% 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 %}