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.

1. Using Buzzy with Figma2. The Buzzy Figma plugin3. Creating a simple app4. Screens and navigation5. Forms, fields and data6. Data-driven menus & content7. Data edit and delete8. Search, sort and filter9. User login and registration

---

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:

Your AI-Powered Stock Portfolio App: A No-Code JourneyBuzzy

Case Study: Build an AI T-shirt AppBuzzy

Building the AI Strategy App with Buzzy: A Case Study (Part 1)Buzzy

Building the AI Strategy App with Buzzy, OpenAI, and MongoDB: A Behind-the-Scenes Look (Part 2)Buzzy

Buzzy - Ideas to App AI powered no code platformYouTube

Template: Course Quiz App

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.

Template: AI-powered chat app

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

Template: Contact list with search examples

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.